/* font */
/* {font-family: 'Montserrat', sans-serif;}
{font-family: 'Poppins', sans-serif;} */

/* FONT */
/* ----------------------------------- 'Noto Sans' KR font ----------------------------------- */
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }



html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,select,textarea,button {font-size:16px; line-height:26px;  /*font-family: 'Montserrat', 'Noto Sans KR';*/ font-family:'Noto Sans KR'; color:#666;}
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#666; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}

/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt100{margin-top: 100px;}
.center{text-align:center;}
.inner {width:1200px; margin:0 auto;}








/* -------------------------------- main -------------------------------- */
/* header */
.login li{width:70px; height:30px; font-size:12px; font-weight:300; float: left; border: 1px solid #eaeaea; margin-right:10px; text-align: center; line-height:29px;}
.login li a{color:#bfbfbf; display: block; width:100%; height:100%; text-decoration:none;}
.login li:last-child{margin-right:0;}
.login li:nth-child(1):hover{background:#00529c; border:none;}
.login li:nth-child(1):hover a{color:#fff; font-weight:500;}
.login li:nth-child(2):hover{background:#0091d6; border:none;}
.login li:nth-child(2):hover a{color:#fff; font-weight:500;}


/* main_visual */
.visual_txt{font-family: 'Montserrat', sans-serif;}
.visual_txt h5{font-size:55px; color:#00529c; line-height:1; margin-bottom:20px;}
.visual_txt h5 span{color:#0091d6;}
.visual_txt p{font-size:30px; font-weight:300; color:#000; font-weight:400;}


.section01{width:100%; height:auto; padding:100px 0; background:url("/user_data/hanshinnew/content/editor/img/main/section01_bg.jpg")top center no-repeat;}
h4.main_tit{font-size:50px; color:#000; position:relative; margin-bottom:100px; text-align:center; line-height:1;}
h4.main_tit:before{content:""; width:15px; height:15px; background:url("/user_data/hanshinnew/content/editor/img/main/main_tit_black.png")no-repeat; top:80px; left:50%; transform:translateX(-50%); position:absolute;}
.sec01_con img{float:left; margin-right:90px;}
.sec01_con .desc{float:left; width: 510px;}
.sec01_con .desc h5{font-size:40px; line-height:50px; color:#00529c; font-weight:500; margin-bottom:30px;}
.sec01_con .desc p{font-size:15px; color:#666; word-wrap:keep-all;}
.sec01_con .desc p span{color: #000;}
.sec01_con .desc .view_btn{width:120px; height:50px; line-height:50px; border:1px solid #eaeaea; text-align:center; margin-top: 60px;}
.sec01_con .desc .view_btn a{display:block; width:100%; height:100%; color: #999; font-size:13px;}
.sec01_con .desc .view_btn:hover{background:#00529c; transition:0.5s; border:none;}
.sec01_con .desc .view_btn:hover a{color:#fff;}


.section02{width:100%; height:auto; padding:100px 0;}
.sec02_prd_list ul li{border-left:1px solid #eaeaea; width:240px; float: left; height:auto; padding-bottom: 180px; opacity:0;}
.sec02_prd_list ul li:nth-child(odd) h5{color:#00529c;}
.sec02_prd_list ul li:nth-child(even) h5{color:#0091d6; padding-top:100px;}
.sec02_prd_list ul li:nth-child(even){padding-bottom:80px;}
.sec02_prd_list ul li:last-child{border-right:1px solid #eaeaea;}
.sec02_prd_list ul li h5{font-size:25px; margin-bottom:20px; padding-left:10px; font-weight:500;}
.sec02_prd_list ul li h5 span{font-size:40px; font-weight:900; font-family: 'Poppins', sans-serif; line-height:1; margin-bottom:20px; display:block;}
.sec02_prd_list ul li a{display: block; text-decoration:none;}
.sec02_prd_list ul li a .prd_img{width:238px; height:310px; overflow: hidden;}
.sec02_prd_list ul li a .prd_img img{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
}
.sec02_prd_list ul li a .prd_img:hover img{
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);
}
.sec02_prd_list ul li a .prd_txt{padding-left:10px;}
.sec02_prd_list ul li a .prd_txt p{padding:15px 0 30px 0; color:#666;}
.sec02_prd_list ul li a .prd_txt .more_btn em{font-size:12px; color:#999; font-family: 'Montserrat', sans-serif; display:inline-block; margin-right: 10px; font-weight:600; float: left;}
.sec02_prd_list ul li a .prd_txt .more_btn img{float: left; padding-top: 10px;}
.sec02_prd_list ul li a .prd_txt .more_btn img:hover{padding-left:15px; transition:all 250ms linear;}



.section03{width:100%; height:auto; padding:70px 0; background:url("/user_data/hanshinnew/content/editor/img/main/section03_bg.jpg")no-repeat;}
h4.main_tit_white{font-size:50px; color:#fff; position:relative; margin-bottom:70px; text-align:left; line-height:1;}
h4.main_tit_white:before{content:""; width:15px; height:15px; background:url("/user_data/hanshinnew/content/editor/img/main/main_tit_white.png")no-repeat; top:80px; left:0; position:absolute;}
.section03 .sec03_tit{display:inline-block;}
.section03 .sec03_tit p{color:#fff;}
.section03 .sec03_con{float:right;}
.section03 .sec03_con ul li{border-bottom:1px solid #fff; padding-bottom:10px; margin-top:35px; width:470px; padding-left:50px;}
.section03 .sec03_con ul li a{color:#fff; font-size:20px;}
.section03 .sec03_con ul li a img{float:right; padding-top:8px;}
.section03 .sec03_con ul li:nth-child(1){background:url("/user_data/hanshinnew/content/editor/img/main/section03_icon01.png")0px 0px no-repeat; margin-top:0;}
.section03 .sec03_con ul li:nth-child(2){background:url("/user_data/hanshinnew/content/editor/img/main/section03_icon02.png")0px 0px no-repeat;}
.section03 .sec03_con ul li:nth-child(3){background:url("/user_data/hanshinnew/content/editor/img/main/section03_icon03.png")0px 0px no-repeat;}



.section04{width:100%; height:auto; padding:100px 0;}
.section04 h5{font-size:25px; color:#fff; line-height:1; margin-bottom:15px; width:400px; display:inline-block;}
.section04 p{color:#fff; width:400px; display:inline-block;}
.section04 .sec04_con .sec04_con_left{float:left;}
.section04 .sec04_con .sec04_con_left .more_area{float:right; position: absolute;top: 60px; right: 30px; width:40px; height:40px; background:url("/user_data/hanshinnew/content/editor/img/main/arrow_btn03.png")no-repeat;}
.section04 .sec04_con .sec04_con_left .more_area:hover{float:right; position: absolute;top: 60px; right: 30px; width:40px; height:40px; background:url("/user_data/hanshinnew/content/editor/img/main/arrow_btn03_on.png")no-repeat;}
.section04 .sec04_con .sec04_con_left .online{width:600px;height:150px;background:url("/user_data/hanshinnew/content/editor/img/main/section04_con-bg01.jpg")no-repeat;padding: 45px 30px 45px 30px; position: relative;}
.section04 .sec04_con .sec04_con_left .as{width:600px;height:150px;background:url("/user_data/hanshinnew/content/editor/img/main/section04_con-bg02.jpg")no-repeat;padding: 45px 30px 45px 30px; position: relative;}
.section04 .sec04_con .sec04_con_right{width:600px; height:300px; float:left; padding:30px 50px; background:url("/user_data/hanshinnew/content/editor/img/main/section04_con-bg03.jpg")no-repeat;}
.section04 .sec04_con .sec04_con_right .call_list{margin-top:20px;}
.section04 .sec04_con .sec04_con_right .call_list li{font-size:20px; color:#fff; font-weight:bold; height:45px; padding:10px 0 0 60px; margin-bottom:10px;}
.section04 .sec04_con .sec04_con_right .call_list li a{color: #fff;}
.section04 .sec04_con .sec04_con_right .call_list li:nth-child(1){background:url("/user_data/hanshinnew/content/editor/img/main/section04_icon04.png")no-repeat;}
.section04 .sec04_con .sec04_con_right .call_list li:nth-child(1) a{color:#d5f3ff; text-shadow:2px 2px rgba(255,255,255,0.15); font-size:30px;}
.section04 .sec04_con .sec04_con_right .call_list li:nth-child(2){background:url("/user_data/hanshinnew/content/editor/img/main/section04_icon02.png")no-repeat;}
.section04 .sec04_con .sec04_con_right .call_list li:nth-child(3){background:url("/user_data/hanshinnew/content/editor/img/main/section04_icon03.png")no-repeat;}
/*.section04 .sec04_con .sec04_con_right .call_list li:nth-child(4){background:url("/user_data/hanshinnew/content/editor/img/main/section04_icon04.png")no-repeat;clear: both;}*/



.footer{width: 100%; border-top:1px solid #eaeaea;}
.footer .f_info{padding: 15px 0;}
.footer .f_info li{float:left; padding: 0 20px; height:22px; border-right: 1px solid #ccc;}
.footer .f_info li:first-child{padding-left: 0;}
.footer .f_info li a{color:#222;}
.footer .f_info li:last-child{border-right: none;}
.footer .copyright{width:100%; padding:50px 0; border-top:1px solid #eaeaea;}
.footer .copyright .inner{position:relative;}
.footer .copyright .inner p{position:absolute; top:-15px; right:0}
.footer .copyright a{text-decoration: none;}








/* -------------------------------- sub -------------------------------- */
.sub_visual{width: 100%; height:400px; background:url("/user_data/hanshinnew/content/editor/img/sub/sub_visual01.jpg"); position:relative;}
.sub_visual_txt{position:absolute; top:150px; left:50%; transform:translateX(-50%); text-align: center;}
.sub_visual_txt h5{font-size: 55px; color: #000; line-height: 1; margin-bottom: 20px; font-weight: 500;}
.sub_visual_txt span{font-size:16px; color: #000;}
.sub_visual02{width: 100%; height:400px; background:url("/user_data/hanshinnew/content/editor/img/sub/sub_visual02.jpg"); position:relative;}

.sub_tit{width: 100%; padding:100px 0 80px 0;}
.sub_tit h3{font-size:45px; color: #000; font-weight: 500; line-height: 1; text-align: center;}

.v_tab {width:100%; height:60px; display:flex; margin-bottom: 80px;}
.v_tab li {float:left; flex:1 !important; height:60px; line-height:58px; font-size:16px; color:#666; border:1px solid #eaeaea; text-align:center; cursor:pointer;}
.v_tab li:first-child {border-left:1px solid #eaeaea;}
.v_tab li.on {height:60px;  color:#0091d6; line-height:58px; border:1px solid #0091d6; font-weight:500;}
.view_con_wrap {width:100%; margin-top:30px;}
.sub_content{width: 100%; height:auto; padding-bottom: 100px;}
#contentmidle{padding-bottom: 100px !important;}




/* sub01 ceo인사말 */
.greeting_top{width:100%; height:391px; background:url("/user_data/hanshinnew/content/editor/img/sub/ceo_top_bg.jpg")no-repeat; padding-left: 600px; padding-top: 65px;}
.greeting_top .desc h6{font-size:30px; color: #00529c; font-weight: 500; margin-bottom: 35px;}
.greeting_top .desc dl:nth-child(1){margin-top:0;}
.greeting_top .desc dl{margin-top: 20px;}
.greeting_top .desc dl dt{font-size:20px; font-weight: 500; color: #000; font-family: 'Poppins', sans-serif; float: left; margin-right: 20px;}
.greeting_top .desc dl dd{float: left;}

.y_tab {width:100%; height:60px; display:flex; margin-bottom: 80px;}
.y_tab li {float:left; flex:1 !important; height:60px; line-height:58px; font-size:16px; color:#666; border:1px solid #eaeaea; text-align:center; cursor:pointer;}
.y_tab li:first-child {border-left:1px solid #eaeaea;}
.y_tab li.on {height:60px;  color:#0091d6; line-height:58px; border:1px solid #0091d6; font-weight:500;}
.y_view_con_wrap {width:100%; margin-top:30px;}

.gt_txt{color: #000; font-size: 20px; margin-bottom: 30px; line-height: 30px;}
.gt_txt span{color: #0091d6;}
.h4_tit{font-size:40px; font-weight: 600; color: #000; background:url("/user_data/hanshinnew/content/editor/img/sub/h4_tit.jpg")no-repeat 0px 7px; margin:80px 0 60px 0; padding-left: 20px; text-align: left; line-height: 1;}

.section-history {
    /* padding: 0; */
    width: 1060px;
    margin: auto;
}

 /* reset */
.historyline  div, .historyline p, .historyline h3,.historyline h4,.historyline  ul,.historyline  ol,.historyline li,.historyline table,.historyline tr,.historyline td   {
margin:0;
padding:0;
-webkit-text-size-adjust: none;
}



  .is-hidden-content {
     visibility: hidden;
   }

 /* in effect */
 .effect-in {
    visibility: visible;
    -webkit-animation: bounce-ani 0.6s;
    -moz-animation: bounce-ani 0.6s;
    animation: bounce-ani 0.6s;
  }

  /* inverse in effect */
.historyline-inverted .effect-in {
    -webkit-animation: bounce-ani-inverse 0.6s;
    -moz-animation: bounce-ani-inverse 0.6s;
    animation: bounce-ani-inverse 0.6s;
  }

  /* effect  any browser- start */
  @-webkit-keyframes bounce-ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounce-ani {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes bounce-ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounce-ani-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounce-ani-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes bounce-ani-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
  /* effect  any browser- end */



 .historyline {
    list-style: none;
    padding: 10px 0;
    position: relative;
	padding-top:60px;
}
.historyline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 1px;
    background: #ddd;
    left: -3px;
    margin-left: -1.5px;
}
.historyline > li:last-child{margin-bottom:0;}
.historyline > li {
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    /* float: left;
    clear: left; */
}
.historyline > li:before, .historyline > li:after {
    content:" ";
    display: table;
}
.historyline > li:after {
    clear: both;
}


.historyline > li > .historyline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    position: relative;
}

.historyline li:not(.historyline-inverted) .historyline-panel .historyline-heading , .historyline li:not(.historyline-inverted) .historyline-panel .historyline-body{
	padding-right:80px;

}

.historyline li.historyline-inverted .historyline-panel .historyline-heading , .historyline li.historyline-inverted .historyline-panel .historyline-body {
	padding-left:80px;
}


.historyline > li > .historyline-panel:after {
    position: absolute;
    top: 14px;
    right: -14px;
    display: inline-block;
	border-top:1px solid #ccc;
    content:" ";
	width:75px;
}
.historyline > li > .historyline-centerbox {
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    right: -12px;
    z-index: 100;
	top:0px;
}

.historyline > li.historyline-inverted > .historyline-panel {
    float: right;
}
.historyline > li.historyline-inverted > .historyline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.historyline > li.historyline-inverted > .historyline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -25px;
    right: auto;
}


.historyline-centerbox > .center-icon {
	/* background:#fff; */
	/* border: 2px solid #eb4047; */
	/* width:30px;  */
	/* border-radius: 50%;  */
	/* line-height:19px;  */

	height:30px;
  background: url('/user_data/hanshinnew/content/editor/img/sub/year_dot.jpg') no-repeat;
  margin: -1px;
  background-position : center;
}



/* big year */
.historyline-heading h4 {
	  font-size: 30px;
    font-weight: 600;
    color: #111;
    position: relative;
}

/* .historyline > li.historyline-inverted {
    float: right;
    clear: right;
} */
/* second content */
.historyline > li.historyline-inverted > .historyline-centerbox {
    left: -12px;
}

.clear-float {
    float: none !important;
}

/* content gab */
.historyline .historyline-body .history {
/*	margin-bottom:40px;  */
margin-top: 20px;
}

.historyline .historyline-body img {
  	margin-top:20px;
  	margin-bottom:20px;
}



.historyline .historyline-body .history td {
	font-size:15px;
	line-height: 26px;
	color: #5e5e5e;
	letter-spacing: -0.3px;
	vertical-align:top;
}

.historyline .historyline-body .history td.yeartxt, .historyline .historyline-body .history td.monthtxt {
	font-weight: 500;
}

.historyline .historyline-body .history td.yeartxt {
	width: 40px;
}

.historyline .historyline-body .history td.monthtxt {
	width: 20px;
  color: #00529c;
  font-weight: bold;

}

.historyline .historyline-body .history td.content {
	padding-left:15px;
}



/* sub01 찾아오시는길 */

.location{width: 100%;height: auto;padding: 20px;/* background: #f7f7f7; */margin-top: 30px;border: 1px solid #eaeaea;}
.location dl{width: 49%;margin-right: 2%;float: left;margin-bottom: 15px;}
.location dl:nth-child(even){margin-right: 0;}
.location dl:nth-child(3),.location dl:nth-child(4){margin-bottom:0;}
.location dl dt{font-size: 18px; color: #00529c; font-weight: bold; float: left; margin-right: 10px; width: 100px;}
.location dl dd{float: left;}







/* sub02 제품소개 - 급유식스크류 */
.h5_tit{font-size:25px; line-height: 1; color: #00529c; font-weight: 500; margin:60px 0 30px 0; text-align: left;}
.h5_tit span { color:#545454; font-size:20px; }
.img_wrap{margin-top:20px;}
.img_wrap li{width:585px; margin-right: 30px; float: left;}
.img_wrap li:last-child{margin-right: 0;}
.img_wrap li p{color: #000; text-align: center; display:block; margin-top: 5px;}
table.prd_tbl{width:100%; border-top:2px solid #00529c;}
table.prd_tbl th{background: #f7f7f7; color: #000; padding: 10px; text-align: center; word-wrap: keep-all; font-size: 14px; border: 1px solid #eaeaea;}
table.prd_tbl td{color: #666; padding:10px; text-align: center; word-wrap: keep-all; font-size: 14px; border: 1px solid #eaeaea;}
table.prd_tbl td.tit{color: #222; text-align: left;}
table.prd_tbl td.bg01{background: #fff8f8;}
table.prd_tbl td.td_red{color:red; font-weight: 500;}
table.prd_tbl td.tac{text-align: center !important;}
.tbl_info{margin-top: 15px;}
.tbl_info li{font-size:14px; color: #000; position:relative; padding-left: 15px; margin-bottom: 3px;}
.tbl_info li:before{position:absolute; content:""; top:13px; left:5px; width:3px; height:3px; background: #00529c;}
.tbl_info li.red_p{color:red; font-weight: 500;}
.tbl_top_info p{float: right; color:#000; font-weight: 500;}





/* sub02 제품소개 - 공냉식 피스톤 */
.num_list{margin-bottom:25px;}
.num_list dt{font-size:18px; color:#222; }
.num_list dt span{display:inline-block; width:27px; height:27px; color:#fff; text-align:center; line-height:27px; font-weight:500; margin-right:10px; background:#00529c; border-radius:50%; font-size:16px;}
.num_list dd{padding-left:39px; margin-top:5px;}


/* sub02 제품소개 - 오일프리 스크류 */
.oli_list .list_info{float: left; width: 49%; margin-right: 1%;}






/* sub02 제품소개 - 에어드라이어 */
.air-line-system{width: 100%;}
.air-line-system dl dt{float: left; width: 20%; background: #eff8fb; font-size:16px; text-align: center; color: #000; padding: 20px; height:100px; line-height: 65px;}
.air-line-system dl dd{float: left; width: 80%; background: #f9f9f9; font-size: 16px; color: #666; line-height: 26px; padding: 20px; height:100px; word-break: keep-all;}
.img_wrap02{width: 100%;}
.img_wrap02 img{float: left; margin-right: 45px;}
.descp{word-wrap: keep-all; float: left; width: 640px;}
.descp p{padding-top: 115px;}
.descp span{display: inline-block; margin-top: 10px; color: #0091d6; }
.h6_tit{font-size:20px; font-weight:500; color: #000; margin:50px 0 30px 0;}
.list_bg01{width: 100%; height: auto; padding: 30px; background: #f7f7f7 url("/user_data/hanshinnew/content/editor/img/sub/air-dryer_img06.jpg")950px 15px no-repeat;}
.list_bg02{width: 100%; height: auto; padding: 30px; background:#f7f7f7 url("/user_data/hanshinnew/content/editor/img/sub/air-dryer_img07.jpg")920px 1px no-repeat;}
.list_info02 li{ position:relative; padding-left: 18px; margin-bottom: 3px; word-break: keep-all;}
.list_info02 li:before{position:absolute; content:""; top:10px; left:0px; width:4px; height:4px; background: #0091d6;}
.list_bg03{width: 100%; height: auto; padding: 30px; background:#f7f7f7;}


/* sub02 제품소개 - 에어필터 */
.list_info{margin-top: 15px;}
.list_info li{ position:relative; padding-left: 18px; margin-bottom: 10px; word-break: keep-all;}
.list_info li:before{position:absolute; content:""; top:10px; left:5px; width:4px; height:4px; background: #0091d6;}
.element_img{width:100px;}


/* 사이트맵 */
.sitemap_wrap{width: 100%; overflow:hidden;}
.sitemap_wrap dl{width: 276px; margin-right: 31px; float: left;}
.sitemap_wrap dl:last-child{margin-right: 0;}
.sitemap_wrap dl dt{font-size: 20px;  font-weight: 500; border-bottom: 1px solid #00529c;padding-bottom: 15px;}
.sitemap_wrap dl dt a{color: #00529c;}
.sitemap_wrap dl dd{padding: 10px 0; border-bottom: 1px solid #eaeaea;}
.sitemap_wrap dl dd a{color: #666;}
.sitemap_wrap dl dd a:hover{color:#0091d6;}