@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://use.fontawesome.com/releases/v5.11.1/css/all.css);

@charset "utf-8";
/* Reset CSS  */
html { height: 100%;overflow-y:scroll;  }
body { font-size: 13px; font-family: 'Noto Sans KR', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/
.container{max-width:1400px; margin:0 auto; padding:0; box-sizing:border-box; }
.container:after{content:"";display:block; clear:both;}
.shop_container{max-width:1200px; margin:0 auto; padding:0; box-sizing:border-box; }
.shop_container:after{content:"";display:block; clear:both;}
body , p{word-break:break-word;}

/* header*/
#hd_w{position:relative}
.hd_top {text-align:right;padding-top:6px}
.hd_top a{font-size:13px; }
.hd_top a:after{content:""; display: inline-block; width:1px; height:12px; background:#bbb; margin:4px 15px 0;}
.hd_top a:last-child:after{display:none;}

.hd_mid {position:relative; padding:15px 0 30px;}
.hd_mid .logo{text-align:center; }
.hd_mid .hd_sns{position:absolute; right:0; top:21px}
.hd_mid .hd_sns li{float:left; margin-right:20px;}
.hd_mid .hd_sns li:last-child{margin-right:0; }



#m_slider {position: relative; width:100%; overflow:hidden}
#m_slider .breadcrumb{position:absolute; bottom:30px; z-index:10; width:100%; max-width:1200px;text-align:center; left:50%; transform:translateX(-50%); }
#m_slider .breadcrumb li{display: inline-block; margin-right:8px;}
#m_slider .breadcrumb li:last-child{margin-right:0;}
#m_slider .breadcrumb li span{display:block; width:20px; height:20px; border-radius:10px; border:4px solid #fff; cursor:pointer;}
#m_slider .breadcrumb li.on span{background:#fff;}
#m_slider .content{width:600%;}
#m_slider .content li{float:left; width:calc(100%/6);height:50vw; max-height:666px;}
#m_slider .content li:nth-child(1){background:url('../img/sl_img01.png') no-repeat center center; background-size:cover}
#m_slider .content li:nth-child(2){background:url('../img/sl_img02.png') no-repeat center center; background-size:cover}
#m_slider .content li:nth-child(3){background:url('../img/sl_img03.png') no-repeat center center; background-size:cover}
#m_slider .content li:nth-child(4){background:url('../img/sl_img04.png') no-repeat center center; background-size:cover}
#m_slider .content li:nth-child(5){background:url('../img/sl_img05.png') no-repeat center center; background-size:cover}
#m_slider .content li:nth-child(6){background:url('../img/sl_img01.png') no-repeat center center; background-size:cover}
#m_slider .content a{display:block; height:100%; position:relative;}
#m_slider .content .m_box{max-width:1200px; margin:0 auto; text-align:left;position:relative; top:50%; transform:translateY(-50%)}
#m_slider .content .m_box .slider_text h3{ font-size:42px; font-weight:900; font-style:italic; margin-top:10px}
#m_slider .content .m_box .slider_text.sl01 h3{color:#fff;}
#m_slider .content .m_box .slider_text.sl02 h3{color:#22469c;}
#m_slider .content .m_box .slider_text.sl02 h3 span{color:#666;}
#m_slider .content .m_box .slider_text.sl03 h3{color:#f7b026;}
#m_slider .content .m_box .slider_text.sl04 h3{color:#f33600;}
#m_slider .content .m_box .slider_text.sl05 h3{color:#ffff;}
#m_slider .content .m_box .slider_text h3 > span{font-weight:700; }
#m_slider .content .m_box .slider_text p {font-size:24px; letter-spacing:0px;color:#1a1a1a; margin-top:16px; word-break:keep-all;}
#m_slider .content .m_box .slider_text.sl01 p {color:#fff;}
#m_slider .content .m_box .slider_text.sl05 p {color:#fff;}

#wrap section{padding:100px 0 ;}
#section01 .box_w{}
#section01 .box_w:after{content:""; display:block; clear:both}
#section01 .box_w > div{width:48.5%; margin-right:3%; float:left;min-height:300px; max-height:371px;height:50vw; }
#section01 .box_w > div:last-child{margin-right:0; }
#section01 .box01{background:url('../img/m_img01.png') no-repeat center center; background-size:cover}
#section01 .box02{background:url('../img/m_img02.png') no-repeat center center; background-size:cover}
#section01 .box_bg{position:relative; height:100%; transition-duration: 0.5s;}
#section01 .box_bg:hover{background:rgba(0, 0, 0, 0.5);}
#section01 .box01 .cont_txt, #section01 .box02 .cont_txt{right:60px;position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);}
#section01 .cont_txt{color:#fff;   }
#section01 .cont_txt .txt01{font-size:20px; font-weight:900; letter-spacing:3px}
#section01 .cont_txt .txt02{font-size:24px;font-weight:400; margin:15px 0 0;}
#section01 .cont_txt .txt02 span{display:block; font-size:36px; font-weight:bold; line-height:36px; margin-bottom:15px}
#section01 .pro_view{display:none;height:100%; }
#section01 .pro_view li{float:left; width:50%; min-height:300px; max-height:371px;height:50vw; position:relative; }
#section01 .pro_view li:first-child{border-right:1px solid #888 ;}
#section01 .pro_view li a{display:block;color:#fff; padding:50px; height:100%;}
#section01 .pro_view li a h5{font-size:22px ;}
#section01 .pro_view li a h5 span{font-size:16px ; display:block; font-weight:400}
#section01 .pro_view li a h5:after{content:""; display:block; width:28px; height:2px; background:#fff; margin:16px 0;}
#section01 .pro_view li a p{font-size:17px ;}
#section01 .box_bg:hover .pro_view{display:block}
#section01 .box_bg:hover .cont_txt{display:none;}
#section01 .pro_view li a .arrow{position:absolute; width:0; right:50px; bottom:50px; background:transparent; border:0; border-top:1px solid #fff;  transition-duration:0.2s}
#section01 .pro_view li a:hover .arrow{width:78px; }
#section01 .pro_view li a:hover .arrow:before{content:""; position:absolute; top:-1px; right:-19px; width:18px; border-top:1px solid #fff; transform-origin:left; transform:rotate(-135deg);}

#section02{background:url('../img/m_img03.png') no-repeat center center; background-size:cover }
#section02 .cont_txt{color:#fff;  text-align:center; }
#section02 .cont_txt .txt01{font-size:20px; font-weight:900; letter-spacing:3px; margin-top:30px;}
#section02 .cont_txt .txt02{font-size:24px;font-weight:400; margin:15px 0 0;}
#section02 .cont_txt .txt02 span{display:block; font-size:36px; font-weight:bold; line-height:36px; margin-top:15px}
#section02 .box03{}
#section02 .box03 > div{float:left; width:32%; margin-right:2%;}
#section02 .box03 > div:nth-child(3n){margin-right:0;}
#section02 .box03:after{content:""; display:block; clear:both}
#section02 .box03 .pro_series{ border:1px solid #fff; position:relative; max-height:200px;height:50vw;}
#section02 .pro_series a{display:block;color:#fff; padding:30px; height:100%; transition-duration:0.3s}
#section02 .pro_series a h5{font-size:22px ;}
#section02 .pro_series a h5 span{font-size:16px ; display:block; font-weight:400}
#section02 .pro_series a h5:after{content:""; display:block; width:28px; height:2px; background:#fff; margin:16px 0;}
#section02 .pro_series a p{font-size:17px ;}
#section02 .pro_series a:hover{background:#fff; color:#000;}
#section02 .pro_series a:hover h5:after{background:#000;}
#section02 .pro_series:nth-child(1), #section02 .pro_series:nth-child(2){margin-bottom:20px;}

#section03{}
#section03 .news_tit{float:left; }
#section03 .news_tit h5{font-size:35px; color:#444; line-height:44px}
#section03 .news_tit h5 span{font-weight:400; display:block}
#section03 .news_tit p{font-size:16px; color:#616161; margin:26px 0 37px;}
#section03 .news_tit a{display:block; width:120px; padding:8px 0; border:1px solid #616161; text-align:center; font-size:16px;transition: 0.3s; }
#section03 .news_tit a:hover{background:#333; border-color:#333; color:#fff; }

#section04{background:url('../img/m_img04.png') no-repeat center center; background-size:cover; padding:0 !important;}
#section04 h5{font-size:32px; color:#fff; }
#section04 p{font-size:18px; color:#fff; margin:35px 0 72px; line-height:39px  }
#section04 a{font-size:18px; display:block; width:140px; padding:12px 0; text-align:center; float:left;  border:1px solid #fff;color:#fff; margin-right:20px; transition: 0.3s;}
#section04 a:hover{background:#fff;color:#000; }
#section04 .logoball_w{background:rgba(0, 0, 0, 0.7); display:inline-block; padding:60px; }
#section04 .link_w:after{content:""; display:block; clear:both}


/* visual */
.float-wrap > * {float: left;}
.float-wrap:after {content: ""; display: block;clear: both;}

.visual { background: no-repeat center / cover; max-height:200px;height:50vw; position: relative;}
.visual.bg1 {background-image: url('../img/sub_visual01.png');}
.visual.bg2 {background-image: url('../img/sub_visual01.png');}
.visual.bg3 {background-image: url('../img/sub_visual01.png');}
.visual.bg4 {background-image: url('../img/sub_visual01.png');}
.visual.bg5 {background-image: url('../img/sub_visual01.png');}
.visual .visual-wrap {color: #fff; position:absolute; text-align:center; top:50%; width:100%; transform:translateY(-50%);}
.visual .visual-title {font-size: 36px; text-transform: uppercase;}
.visual .slogan {font-size: 21px;}
.visual .route { text-align: center; margin-top: 2px; color: #fff; display: inline-block; font-size: 15px; font-weight: 400;}
.visual .route i{ color: #fff;}
.visual .route a{ color: #fff;}
.visual .route > * {float: left;}
.visual .route .arrow { margin: 0 10px;}

/* snb */
.snb {border-bottom:1px solid #ddd; text-align: center;line-height: 48px;height: 48px; }
.snb ul {display: inline-block; }
.snb ul li{display:inline-block; margin-right:60px; }
.snb ul li:last-child{margin-right:0; }
.snb a {display:block;color: #000;font-size: 16px;}
.snb a.active {font-weight: 600;}
.snb a.active:after{content:""; display:block; background:#fad723; height:4px; transform:translateY(-100%);}

/* footer*/

#m_ft{background:#222; padding:46px 0 ;}
#m_ft_w ul li{float:left;  }
#m_ft_w ul li:first-child{margin-right:50px;  }
#m_ft_w ul li p{font-size:16px; color:#818181;}
#m_ft_w ul li p span{display:block; margin-top:20px;   }

/* sub*/
#sub_section{padding:60px 0}
.sub_tit{font-size:38px; color:#000; text-align:center; }
.greeting_w{padding:45px 0 ;}
.greeting_w h5{font-size:20px; line-height:34px; padding-bottom:30px; border-bottom:1px solid #ddd;  }
.greeting_w .greeting{padding:30px 0 ;}
.greeting_w .greeting:after{}
.greeting_w p{font-size:17px; line-height:36px;}
.greeting_w .sign{text-align:right;}
.greeting_w ul li{float:left;}
.greeting_w ul li:first-child{width:65%; padding-right:60px;}
.greeting_w ul li:last-child{width:35%; text-align:right; }
.greeting_w ul li img{box-shadow:20px 20px #f1f1f1 ; }


.about {padding:80px 0;}
.about .depth_tit{font-size:28px; color:#000; }
.about .depth_tit:before{content:""; display:block; background:#000;width:46px; height:3px; margin:0 auto 12px;  }
.about01{ text-align:center; }
.about01 p{font-size:18px; line-height:35px; color:#666; margin-top:16px; }
.about02{ text-align:center;}
.about02 .about02_w {padding-top:60px;}
.about02 .about02_w > li{margin-bottom:60px;}
.about02 .about02_w > li h5{font-size:18px; margin-bottom:57px; color:#a61515; line-height:38px;}
.about02 .about02_w > li:last-child{ margin-bottom:0}
.about02 .ball_img_list{padding:38px 0 50px;}
.about02 .ball_img_list li{float:left; width:25%; text-align:center; font-size:17px;   }
.about02 .ball_img_list li img{margin-bottom:10px; }
.about02 .about02_w p{font-size:18px; font-weight:400; color:#000; line-height:31px;}

.about03 .box_w{padding-top:60px}
.about03 .box_w ul{position:relative; }
.about03 .box_w ul li {width:50%; float:left; }
.about03 .box_w ul li:first-child{padding-right:20px;}
.about03 .box_w ul li:last-child{padding-left:20px;}
.about03 .depth_tit{text-align:center; }
.about03 .box_w .box03{text-align:right}
.about03 .box_w .box02, .about03 .box_w .box03{padding-top:80px;}

.about03 .box_w ul li:after{content:""; display:block; clear:both}
.about03 .box_w .box04{position:relative; top:-61px; right:0;}
.about03 .box_w ul li h5{font-size:30px; color:#fad723; margin-bottom:30px; }
.about03 .box_w ul li p{font-size:18px; line-height:30px;}

.location_w{padding:60px 0;  text-align:center;}
.location_w ul{display:inline-block;  }
.location_w ul li h5{font-size:18px; color:#aaa; letter-spacing:3px; margin-bottom:6px; }
.location_w ul li p{font-size:17px; color:#000; }
.location_w ul li{float:left; text-align:left; margin-bottom:30px;}
.location_w ul li:nth-child(1), .location_w ul li:nth-child(2){margin-right:60px;  }

.fields{position:relative; margin-top:30px; max-width:1400px;}
.fields li{display:flex;border-bottom:1px solid #ddd;  align-items:center; padding:15px;}
.fields .lbl{width:200px;font-size:15px; cursor:text}
.fields .desc{width:100%;}
.fields .input{border:1px solid #ddd; padding:15px 10px; box-sizing:border-box; width:100%}
.fields .input.full{width:100%}
.fields .btn-group{margin-top:15px; text-align:center}
.fields .btn-submit{background:#666; color:#fff; padding: 10px 15px;}
.fields .btn-submit:hover{background:#333;}

.history_w{padding:60px 0 0;}
.hs_nav li{float:left; width:calc(100%/2);font-weight:600; text-align:center; box-sizing:border-box; cursor:pointer; border:1px solid #333; box-sizing:border-box; padding:16px 0;}
.hs_nav li p{font-size:16px; color:#333; }
.hs_nav li.on{background:#333;border-color:#333;}
.hs_nav li.on p{ color:#fff;}

.history-content01{display:block;}
.history-content02{display:none;}
.history-content { position: relative; padding-top: 250px;}
.history-content:before {content: ""; position: absolute; width: 10px; height: 10px; border-radius: 10px;background: #bebebe; color: #fff; border: none; display: inline-block;line-height: 10px;
  text-align: center; left: calc(50% - 4px); top: 100px;}
.history-content:after {content: ""; position: absolute; top: 100px; left: 50%; bottom: 0; width: 1px; background: #bebebe; display: block;}
.history-content > div { width: 50%; padding-bottom: 70px; position: relative;}
.history-content > div dt { font-size: 35px; font-weight: 600; letter-spacing: -0.5px; position: relative; padding-bottom: 25px;}
.history-content > div dt:before { content: ""; position: absolute; top: 25px; background: #ddd; height: 1px; width: 50px; display: block;}
.history-content > div dl { display: inline-block; max-width: 590px;}
.history-content > div:before { content: ""; position: absolute; width: 23px; height: 23px; border-radius: 11px; background: #fff; color: #fff;
border: 6px solid #333; display: inline-block; line-height: 11px; text-align: center; z-index: 10; top: 14px;}
.history-content > div:nth-child(2n+1) { margin-left: calc(50% - 2px);}
.history-content > div:nth-child(2n+1):before { margin-left: -9px;}
.history-content > div:nth-child(2n+1) dl { padding-left: 65px;}
.history-content > div:nth-child(2n+1) dt:before { left: -66px;}
.history-content > div:nth-child(2n) { text-align: right;}
.history-content > div:nth-child(2n):before { right: -12px;}
.history-content > div:nth-child(2n) dl { padding-right: 65px; text-align: left;}
.history-content > div:nth-child(2n) dt:before { left: 100px; width: calc(100% - 35px);}
.history-content > div:nth-child(2n) dd { text-align: left;}
.history-content > div p { display: flex; line-height: 32px;}
.history-content > div p .year { font-size: 19px; color: #aaa; font-weight: 400; width: 50px;}
.history-content > div p .desc { width: calc(100% - 50px); display: block; letter-spacing: -0.5px; font-size:15px;}


@media (max-width:1400px){

.about03 .box_w .box04{top:0;}

}

@media (max-width:1150px){

.about03 .box_w .box02, .about03 .box_w .box03{padding-top:68px;}
.about03 .box_w ul li h5{font-size: 25px;margin-bottom: 15px;}
.about03 .box_w ul li p{font-size: 16px;}

}

@media (max-width:974px){

.about03 .box_w .box02, .about03 .box_w .box03{padding-top:30px;}
}


@media (max-width:1200px){/*테블릿+모바일*/

  .history-content { padding: 150px 20px 0; }
  .history-content > div dt { font-size: 31px; padding-bottom: 20px;}
  .history-content > div p .year { font-size: 17px;}
  .history-content > div p .desc { width: calc(100% - 50px); display: block; letter-spacing: -0.5px; font-size: 14px;}

}

@media (min-width:769px) and (max-width:1200px){/*테블릿*/

#m_nav #m_gnb > li > a{font-size:14px !important;}

}

@media (min-width:769px){/*pc+테블릿*/
#nav_btn{display:none; }
#nav_close{display:none; }

#m_nav{border-top:1px solid #ddd; border-bottom:1px solid #ddd;position:relative; }
#m_nav #m_gnb > li{float:left; width:calc(100%/7); position:relative; height:53px;  z-index:999}
#m_nav #m_gnb > li > a{display:block; width:100%; font-size:18px; font-weight:600; color:#333; text-align:center; vertical-align:middle;
line-height:53px; height:100%; }
#m_nav .lnb_w{display:none; width:100%; position:absolute; bottom:-1px; background:#fff; z-index:998; padding:12px 0; border-bottom:1px solid #ddd;}
#m_nav .lnb_w .container{position:relative;}
#m_nav .lnb{float:left; width:calc(100%/7);}
#m_nav .lnb:after{content:""; width:1px; background:#ddd; height:90%; position:absolute; top:50%; transform:translateY(-50%);}
#m_nav .lnb:last-child:before{content:""; width:1px; background:#ddd; height:90%; right:0;position:absolute; top:50%; transform:translateY(-50%);}
#m_nav .lnb li a{display:block; width:90%; margin:0 auto; text-align:center; padding:10px 0; font-size:14px; color:#868686;}
#m_nav .lnb li a:hover{color:#fff; background:#333;}
#m_nav:hover .lnb_w{display:block; transform:translateY(100%);}
}


@media (max-width:768px){/*모바일*/

.container{padding:0 10px; }
.shop_container{padding:0 10px;}


#nav_btn{display:inline-block; position:absolute; right:10px; font-size:28px;top:50px; z-index:10; }
#nav_close{display:inline-block; color:#fff; position:absolute; font-size:22px; left:30px; top:20px; cursor:pointer }

#m_nav #m_gnb{ text-align:center;}
#m_nav{background:rgba(0, 0, 0, 0.8); width:70%; position:fixed; top:0; right:-100%; height:100%; z-index:100; padding-top:120px;}

#m_nav #m_gnb > li{margin-bottom:30px;}
#m_nav #m_gnb > li > a{font-size:20px; font-weight:600; color:#fff;  }
#m_nav .lnb_w{display:none; }
#hd_w {border-bottom:1px solid #ddd; }
.hd_mid .logo{text-align:left; }
.hd_mid .logo img{width:140px}
.hd_top a{font-size:12px; }
.hd_top a:after{margin:4px 7px 0;}
.hd_mid{padding:30px 0;}
.hd_mid .hd_sns{display:none; }

#m_slider .breadcrumb{bottom:10px;}
#m_slider .breadcrumb li span{width:10px; height:10px; border-radius:5px; border:2px solid #fff;}
#m_slider .content .m_box{padding:0 10px;}
#m_slider .content .m_box .slider_text h3{font-size:24px;color:#999; margin-top:2px;}
#m_slider .content .m_box .slider_text p {display:none; }
#m_slider .content .m_box img{width:40%}

#section01 .box_w > div{width:100%; margin-right:0; margin-bottom:15px;  float:none;  min-height:274px; }

#section01 .cont_txt{display:none;}
#section01 .box_w {margin-bottom:0; }
#section01 .box_bg{background:rgba(0, 0, 0, 0.5);}
#section01 .pro_view{display:block;}
#section01 .pro_view li{  min-height:274px; }
#section01 .pro_view li a{padding:30px}
#section01 .pro_view li a h5{font-size:18px ;}
#section01 .pro_view li a h5 span{font-size:15px ; display:block; font-weight:400}
#section01 .pro_view li a h5:after{content:""; display:block; width:28px; height:2px; background:#fff; margin:16px 0;}
#section01 .pro_view li a p{font-size:15px ;}
#section01 .box_bg .pro_view{display:block}
#section01 .pro_view li a .arrow{width:78px; right:30px; bottom:30px;}
#section01 .pro_view li a .arrow:before{content:""; position:absolute; top:-1px; right:-19px; width:18px; border-top:1px solid #fff; transform-origin:left; transform:rotate(-135deg);}


#section02 .box03 .cont_txt{margin-bottom:40px}
#section02 .box03 > div{float:none; width:100%; margin-right:0; margin-bottom:20px}
#section02 .box03 > div:last-child{margin-bottom:0;}
#section02 .pro_series a{padding:25px;}
#section02 .pro_series a h5{font-size:18px ;}
#section02 .pro_series a h5 span{font-size:15px ;}
#section02 .pro_series a p{font-size:15px ;}


#section03 .news_tit{float:none; }
#section03 .news_tit h5{font-size:28px; margin-bottom:18px;}
#section03 .news_tit h5 span{display:inline;}
#section03 .news_tit p{display:none; }
#section03 .news_tit a{display:none ; }
.pic_lt li span{font-size:13px;}
.pic_lt li p{font-size:14px;}

#section04 .container{padding:0;}
#section04 .logoball_w{display:block; text-align:center; }
#section04 h5{font-size:32px; }
#section04 p{font-size:17px; margin: 26px 0 43px;}
#section04 a{font-size:16px; width:49%; margin-right:2%; }
#section04 a:last-child{margin-right:0;}


.snb ul li{margin-right:20px;}
.snb ul li a{font-size:15px;}

.sub_tit{font-size:30px}

.greeting_w p{font-size:16px; }
.greeting_w ul li{float:none;}
.greeting_w ul li:first-child{width:100%; padding-right:0; margin-bottom:40px;}
.greeting_w ul li:last-child{width:100%; text-align:right; }



.about .depth_tit{font-size: 22px;}
.about01 p{font-size:16px; text-align:left; }

.about02 .about02_w > li{float:none; width:100%;}
.about02 .about02_w > li:last-child{padding-left:0; margin-top:50px ;}
.about02 .about02_w > li h5{font-size:15px; margin-bottom:10px; }
.about02 .about02_w p { font-size: 16px;color: #000; line-height: 27px;}
.about02 .ball_img_list li {width: 50%;font-size: 15px;}
.about02 .ball_img_list li:nth-child(1), .about02 .ball_img_list li:nth-child(2){margin-bottom:30px; }

.about03 .box_w ul li{float:none; width:100%;}
.about03 .box_w ul li:first-child{padding-right:0;}
.about03 .box_w ul li:last-child{padding-left:0;}
.about03 .box_w .box03{text-align:left;}
.about03 .box_w .box02, .about03 .box_w .box03{padding-top:20px;}
.about03 .box_w .box03{margin-bottom:20px;}
.about03 .box_w .box_btm{padding-top:80px;}

.history-content:before{left:16px;}
.history-content:after { left: 20px; width: 1px;}
.history-content > div { width: auto; padding-bottom: 70px; position: relative; margin-left: 0;}
.history-content > div dt { font-size: 29px;}
.history-content > div dt:before { width: 30px; top: 14px;}
.history-content > div:before { top: 3px; }
.history-content > div:nth-child(2n+1), .history-content > div:nth-child(2n) { margin-left: 0; }
.history-content > div:nth-child(2n+1):before, .history-content > div:nth-child(2n):before { margin-left: -11px;}
.history-content > div:nth-child(2n+1) dl, .history-content > div:nth-child(2n) dl { padding-left: 35px; }
.history-content > div:nth-child(2n+1) dt:before, .history-content > div:nth-child(2n) dt:before { left: -36px;}
.history-content > div:nth-child(2n) { text-align: left;}
.history-content > div:nth-child(2n):before { right: inherit;}
.history-content > div:nth-child(2n) dl { padding-right: inherit; }
.history-content > div:nth-child(2n) dt:before { width: 30px;}

#m_ft_w ul li{float:none; }
#m_ft_w ul li:first-child{text-align:center;  margin-right:0;}
#m_ft_w ul li img{margin:0 0 30px; width:200px;  }
#m_ft_w ul li p{font-size:14px; }

}