#wrap{width:100%; position:relative; margin:0 auto; overflow:hidden;}
.layFull{position:relative; width:100%; margin:0 auto; }
.layGrid{position:relative; width:1100px; margin:0 auto;}
a,p,h1,h2,h3,h4{color:#000;}

/*****header*****/
#header {position:relative;}
#header .layGrid{padding:0px 0; box-sizing:border-box;}
#header .logo{padding:33px 0 32px; box-sizing:border-box;}
#header .menu > li{float:left; padding:35px 45px; position:relative; font-family:'NanumSquare';}
#header .menu > li > a{font-size:20px; font-weight:600; color:#282828;}
#header .menu > li > a.on{color:#666;}
#header .menu > li > a.active{color:#10b0b5;}
#header #lang{text-align:center; padding:16px 0;}
#header .lang_mn li{float:left;padding:5px 2px; display:table;}
#header .lang_mn li a{font-size:13px; font-weight: 500; color: #3e3e3e; display:table-cell;vertical-align: middle;}
#header .lang_mn li a:hover{color:#0d8a8e;}
#header .snsBox li{display:inline-block; padding:0 4px;}
#header2{display: none;}
#header.f-nav{background-color:rgba(256,256,256,0.8); border-bottom:1px solid #ccc;
position:fixed; width: 100%; z-index:9999;
-webkit-transition: all 0.3s; 
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;     
transition: all 0.8s;}

/*서브메뉴*/
#header .sub{display:none; position:absolute; top:95px; left:50%; margin-left:-80px; text-align:center; z-index:99;}
#header .sub li{background-color:rgba(256,256,256,0.9); width:160px; padding:10px 0; font-family:'NanumSquare';}
#header .sub li.on{background-color:/*rgba(16,176,181,0.9)*/rgba(239,239,239,0.9); transition:background 0.2s;}
#header .sub li.on a{color:#0f8d92;}
#header .sub li a{font-weight:500; color:#555; font-size:17px; display:block;}
.moOpen{display: none;}
/*****section*****/
.mo{display: none;}

/*mainImg*/
#section{position:relative; min-height:500px;}
#mainImg{width:100%; height:259px; position:relative;}
#mainImg img{width:1920px; position:absolute;top:0;left:50%;margin-left:-960px;}
#mainImg .main_txt{position:absolute; top:45%; left:50%; margin-left:-115px; font-size:50px; font-weight:300; color:#fff; }
#mainImg .mainImg02{display:none;}

/*가로메뉴*/
#section #hori_nav{width:100%; height:100%;  top:0; }
#section #hori_nav ul{width: 100%; margin:80px 0 20px;} 
#section #hori_nav .sub1_nav li{float: left;width:24.6%; margin: 0 0.2%;}
/*#section #hori_nav .sub1_nav li:nth-child(2){display:none}*/
#section #hori_nav .sub4_nav li{float: left;width: 15%;}
#section #hori_nav li{box-sizing:border-box; border:1px solid #cacaca;  background-color:#fff; display: inline-block;  text-align: center; padding: 10px 0; margin-bottom: 50px;}

#section #hori_nav li:hover{/* background-color:#10b0b5; */ cursor:pointer; /* border:1px solid #10b0b5; */}
#section #hori_nav li:hover a{color:#10b0b5;
-webkit-transition: all 0.2s ease-in 0.1s; 
-moz-transition: all 0.2s ease-in 0.1s; 
-o-transition: all 0.2s ease-in 0.1s; 
-ms-transition: all 0.2s ease-in 0.1s; 
transition: all 0.2s ease-in 0.1s;}

#section #hori_nav li a{font-size:18px; color:#454545; text-align:center; display:block; font-weight:600; font-family:'NanumSquare';}
#section #hori_nav li.active{background:#10b0b5; border:1px solid #10b0b5;}
#section #hori_nav li.active a{color:#fff; font-size:18px;}

#section #hori_nav .sub2_nav{width:32.9% !important;}
#section #hori_nav .sub2_nav.active{width:32.9% !important;}

#section #hori_nav .sub3_nav{width:49.6% !important;}
#section #hori_nav .sub3_nav.active{width:49.6% !important;}

/*콘텐츠*/
#section #contents{width:100%; box-sizing:border-box;}
#section #contents .contents_in{width:100%;  box-sizing:border-box;}
#section #contents .detail_mn{width:100%; padding:20px 0 10px; border-bottom:1px solid #cacaca;}
#section #contents .detail_mn h2{float:left; font-size:22px; font-weight: 600; color:#282828; line-height:22px; font-family:'NanumSquare';}
#section #contents .route li{float:left;padding:0 3px; font-size:17px; font-weight:500; font-family:'NanumSquare';}
#section #contents .route li:last-child{color:#2f5e7e; font-weight:600;}
#section #contents .route img{vertical-align: baseline;}

#section .route_wrap{padding-bottom: 10px; background-color:rgba(256,256,256,0.5);}
#section .route2{width:1100px; margin: auto; padding-top: 10px;}
#section .route2 li{float:left !important; padding:0 3px; font-size:17px; font-weight:600; color: #454545; font-family:'NanumSquare';}
#section .route2 li:last-child{color:#2f5e7e; font-weight:600;}
#section .route2 li a{font-size:17px; font-weight:600; color: #454545; font-family:'NanumSquare';}
#section .route2 li a:hover{color:#777; transition: all 0.2s ease-in 0.1s;}
#section .route2 li:last-child a{color:#2f5e7e; font-weight:600;}
#section .route2 li:last-child a:hover{color:#777; transition: all 0.2s ease-in 0.1s;}
#section .pt1 .route2 img{vertical-align: baseline; width: inherit !important;}

/*sub1_1*/
#section #greeting{padding:30px 0 80px; box-sizing:border-box;}
#section #greeting .slogun{text-align:center; font-size:30px; font-weight:500; line-height:40px; color:#555; padding-bottom:25px; font-family:'NanumSquare';}
#section #greeting .pointTxt{font-weight:500; color:#4f8f9e;}
#section #greeting h4{font-family:'NanumSquare'; padding:45px 0 20px; font-weight:500; font-size:28px; line-height:38px; text-align:center; color:#222;}
#section #greeting p{font-family:'NanumSquare'; font-weight:400; font-size:17px; color:#454545; word-break:keep-all; text-align:center; line-height:1.7;}
#section #greeting .sign{padding-left:10px;}
/*sub1_2*/
#section #history{padding:40px 0 120px; box-sizing:border-box;}
#section #history .historyBox{padding-top:60px;}
#section #history .history_list{width:100%;padding:0 60px; box-sizing:border-box; position:relative;}
#section #history .history_list::before{position: absolute;top:40px;left:50%;margin-left:-212px; content: ''; display: block; width:2.5px; height:100%; background-color: #ddd;}
#section #history .history_list .fl{font-family:'NanumSquare'; width:20%; padding:25px 0 22px; box-sizing:border-box; font-size:40px; font-weight:600;line-height:40px;}
#section #history .history_list .fr{width:80%; padding:30px 30px 10px 300px; box-sizing:border-box;position:relative;}
#section #history .history_list .fr li{font-family:'NanumSquare'; font-weight:400; color:#454545; font-size:17px; margin-bottom:8px;}
#section #history .history_list .fr::before{content:'';display:block; position:absolute; top:33px;left:50%; margin-left:-318px; width:210px; height:20px; background:url(../../images/sub/dot_line.png);}
/*sub1_3*/
#section #contents .branch{margin:60px 0;}
#section #contents .branch img{width:100%;}
#section #contents .branch_in{display:none;}
#section #contents .branch_in img{width:65%; margin: 0 auto; display: block;}
#section #contents .branch_in ul li{background: #f6f6f6; padding: 7% 3%; box-sizing: border-box; border-radius: 15px; margin: 20px 15px;}
#section #contents .branch_in ul img{width:15%; margin-bottom:10px;}
#section #contents .branch_in ul p{font-family:'NotoSansKR'; font-weight:500; color:#333; font-size:16px;}
#section #contents .branch_in ul p.branch_in_title{font-weight:600; color:#222; font-size:18px; padding-bottom:5px;}
/*sub1_4*/
#section #location .mapBox{margin-top:30px;}
#section #location .location_txt{padding:30px 0 80px;}
#section #location .location_txt > div{width:45%;}
#section #location .location_txt > div h3{font-family:'NanumSquare'; text-align:left; font-size:18px; font-weight:600; color:#666; padding:2px 0 10px 50px; box-sizing:border-box; border-bottom:1px solid #bfbfbf;}
#section #location .location_txt .fl h3{background:url(../../images/sub/location_icon01.png)no-repeat 0 0;}
#section #location .location_txt .fr h3{background:url(../../images/sub/location_icon02.png)no-repeat 0 0;}
#section #location .location_txt > div ul{padding:15px 0; box-sizing:border-box;}
#section #location .location_txt > div ul li{font-family:'NanumSquare'; font-size:17px; font-weight:400; color:#666; padding:0 0 5px 12px; position:relative;}
#section #location .location_txt > div ul li::before{display:block; content:''; width:5px; height:5px; border-radius:2.5px; background:#599b9d; position:absolute; top:9px; left:0;}
#section #location .busline{padding:0 0 5px 60px !important; box-sizing:border-box;}
#section #location .busline::before{display:none !important;}
/*#section #location .location_txt > div ul li::before{content:''; display:block; position:absolute; top:9px; left:50%; margin-left:-187px; width:5px; height:5px; border-radius:2.5px; background-color:#10b0b5;}*/
/*sub2*/
#section .gallery{margin: 0 0 20px; padding:0;}
#section .gallery li{display: inline-block; width: 260px; margin:1% 0.5%; position: relative; cursor:pointer;}
#section .gallery li .g_img img{width: 100%;}
#section .gallery li .g_txt{font-family:'NotoSansKR'; color: #fff; position: absolute; bottom: 0; background: #10b0b5; font-size: 14px; font-weight:200; padding:12px 0; width: 100%;}
#section .gallery li .g_txt h3{font-family:'NanumSquare'; color: #fff; font-size: 20px; font-weight:400;}
#section .gallery li .g_hover{font-family:'NanumSquare'; background: rgba(96,210,204,0.65); height: 358px; position: absolute; top:0; width: 100%; opacity: 0; padding:2%; box-sizing:border-box;}
#section .gallery li .g_hover h3{padding-top:85px; font-family:'NotoSansKR'; font-size: 30px; color: #fff; font-weight:400;}
#section .gallery li .g_hover h3::after{font-family:'NanumSquare'; content: ""; border-bottom:2px #fff solid; width:25px; padding: 13px; display: block; margin: 0 auto; margin-bottom: 20px;}
#section .gallery li .g_hover p{color: #fff; font-size: 18px; font-weight:200; margin-bottom: 33px;}
#section .gallery li .g_hover a{color: #fff; font-family:'NanumSquare'; font-size: 17px; font-weight:600; padding: 10px 19px; border: #fff 2px solid; border-radius: 5px;}
#section .gallery li:hover > .g_hover a{background:#00787c;  border:#00787c 2px solid;}
#section .gallery li:hover .g_hover{opacity: 1; transition: all 0.5s;}
#section .menu2{margin-left: 2%; margin:50px 0 80px;}
#section .menu2 li{display: inline-block; font-size: 18px; font-weight: 200; color: #dedede !important; }
#section .menu2 li a{color: #282828; font-weight:600; font-family:'NanumSquare';}
#section .menu2 li a:focus{-webkit-tap-highlight-color :rgba(0,0,0,0)}
#section .menu2 li span{font-weight: 600 !important; margin: 0 20px;  border: #dedede 2px solid; padding: 6px 9px; font-family:'NanumSquare';}
#section .menu2 p{margin: 0 10px; display: inline-block; }
.click{font-weight: 600 !important; color: #787878 !important;}
.click a{color: #787878;}

/*제품상세*/
#section .pt1{box-sizing: border-box;}
#section .pt1 dib > div{display: inline-block;}

#section .pt1 .left{width:50%;float:left; text-align:right;}
#section .pt1 .left img{padding-top: 110px; }
#section .pt1 .left p{font-family:'NanumSquare'; font-size:20px; font-weight:500; text-align: right; line-height:1.7; padding-top:20px; color:#222; word-break:keep-all;}
#section .pt1 .left p span{font-size:35px; font-weight:700;font-family:'NanumSquare'; color:#333;}
#section .pt1 .right{width: 50%; float:right; text-align:right;}
#section .pt2{background: url(../../images/sub/pro4/pt2.png) center center no-repeat; padding-top:100px;}
#section .pt2 div >div{display: inline-block;}
#section .pt2 .pt2_span{display: block;font-size: 40px; font-weight: 500; padding-top: 180px; color: #000; line-height: 40px;}
#section .pt2 .pt2_span::after{content:"";display: block; width:10%; border-bottom: #000 2px solid; padding-bottom: 30px;}
#section .pt2 p{font-family:'NanumSquare'; padding:30px 0; color: #000; font-size: 18px; font-weight:500;line-height:2;}
#section .pt3{text-align: center;box-sizing: border-box; background: #f2f2f2 url(../../images/sub/pro4/pt3.png)50% 50% no-repeat;}

#section .pt3 h1{font-family:'NanumSquare'; text-align: center; font-size: 40px; font-weight:600; padding-top:100px; line-height:1.3; color:#333;}
#section .pt3 h1::after{content: ""; border-bottom: #000 2px solid; width: 45px; display: block; margin: 0 auto; padding-bottom:30px;}
#section .pt3 ul{padding:2.5% 0 6%;}
#section .pt3 ul p{font-size: 18px;}
#section .pt3 ul li{font-family:'NanumSquare'; width:31.3%; float:left; margin:0 1%; padding:35px 3%; box-sizing:border-box; font-size: 18px; color: #fff; font-weight:300; word-break:keep-all; line-height:1.5;}
#section .pt3 ul li p{font-family:'NanumSquare'; font-size:27px; font-weight:500; color: #fff; padding:28px 0 15px;}
#section .pt3 .pt3_f1{background: url(../../images/sub/pro1/f_bg1.png) 50% 50% no-repeat; background-size: cover; padding:48px 0;}
#section .pt3 .pt3_f2{background: url(../../images/sub/pro1/f_bg2.png) 50% 50% no-repeat; background-size: cover}
#section .pt3 .pt3_f3{background: url(../../images/sub/pro1/f_bg1.png) 50% 50% no-repeat; background-size: cover}
#section .pt3 .pt3_f4{background: url(../../images/sub/pro1/f_bg2.png) 50% 50% no-repeat; background-size: cover; padding:48px 0;}
#section .pt3 .pt3_f5{background: url(../../images/sub/pro1/f_bg1.png) 50% 50% no-repeat; background-size: cover}

#section .pt4{background: url(../../images/sub/pro4/pt4.png);}
#section .pt4 .pt4_cbox{padding:75px 0 70px;}
#section .pt4 .pt4_cbox .pt4_img{width: 30%; float:left;}
#section .pt4 h1{font-family:'NanumSquare'; text-align: center; font-size: 40px; font-weight:500; padding-top: 130px; color: #fff;}
#section .pt4 h1::after{content: ""; border-bottom: #fff 2px solid; width: 45px; display: block; margin: 0 auto; padding-bottom: 40px;}
#section .pt4 .pt4_img{width: 30%; display: inline-block;}
#section .pt4 .pt4_img img{width: 100%;}
#section .pt4 .table_layout{width: 69%;}
#section .pt4 .table_layout p{font-family:'NanumSquare'; font-size: 18px; color: #d2d2d2; width: 90%; margin-left: 10%;}
#section .pt4 .table_layout th{font-family:'NanumSquare'; background: #d2d2d2; color: #222; font-size:20px; border: #d2d2d2 1px solid; padding: 10px 70px;}
#section .pt4 .table_layout th:nth-child(1){border-right: #222 1px solid;}
#section .pt4 .table_layout td{font-family:'NanumSquare'; text-align: center; border:#d2d2d2 1px solid; color: #d2d2d2;font-size: 18px; padding: 10px 0; font-weight:400;}
#section .pt4 .table_layout table{margin-bottom: 30px; width: 90%; margin-left: 10%;}

#section .pt5 .layGrid{padding:30px 0 50px;}
#section .pt5 .pt5_in{width:80%; margin:auto; padding:70px 0 50px;}
#section .pt5 .pt5_in .fl{width:30%; text-align:right;}
#section .pt5 .pt5_in .fr{width:70%; text-align:left; padding-left:3%; box-sizing:border-box;}
#section .pt5 .pt5_in .fr p{font-family:'NanumSquare'; font-size:18px; font-weight:400; line-height:1.5; word-break:keep-all;}
#section .pt5 .pt5_in .fr p.pt5_tle{font-family:'NanumSquare'; font-size:20px; font-weight:700; padding:5px 0 10px; color:#333;}

/*pro1*/
#section #pro1 .pt1{background: url(../../images/sub/pro1/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro1 .pt1 .left img{padding-top:25%;}
#section #pro1 .pt3 ul{padding:2.5% 0;}
#section #pro1 .pt3 ul li{min-height:452px;}
#section #pro1 .pt4 .table_layout{padding-top:20px;}

/*pro2*/
#section #pro2 .pt1{background: url(../../images/sub/pro2/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro2 .pt3 .pt3_f1{background: url(../../images/sub/pro2/f_bg1.png) 50% 50% no-repeat; background-size: cover}
#section #pro2 .pt3 .pt3_f2{background: url(../../images/sub/pro2/f_bg2.png) 50% 50% no-repeat; background-size: cover}
#section #pro2 .pt3 .pt3_f3{background: url(../../images/sub/pro2/f_bg3.png) 50% 50% no-repeat; background-size: cover}
#section #pro2 .pt3 > img{padding-top: 120px;}
#section #pro2 .pt2 .pt2_span{padding-top: 70px;}

/*pro3*/
#section #pro3 .pt1{background: url(../../images/sub/pro3/pt1.png); background-attachment: fixed;}
#section .pt2 div >div{width: 50%;}
#section #pro3 .pt1 .layGrid{padding:3% 0 0;}
#section #pro3 .pt3 .pt3_f1{background: url(../../images/sub/pro3/f_bg1.png) 50% 50% no-repeat; background-size: cover}
#section #pro3 .pt3 .pt3_f2{background: url(../../images/sub/pro3/f_bg2.png) 50% 50% no-repeat; background-size: cover}
#section #pro3 .pt3 .pt3_f3{background: url(../../images/sub/pro3/f_bg2.png) 50% 50% no-repeat; background-size: cover}
#section #pro3 .pt3 .pt3_f4{background: url(../../images/sub/pro3/f_bg1.png) 50% 50% no-repeat; background-size: cover}
#section #pro3 .pt2{padding-top:130px;}
#section #pro3 .pt2 p{padding-top:0; line-height:1.5;}
#section #pro3 .pt2 .fr img{width:65%;}
#section #pro3 .pt3 ul{padding:2.5% 0 4%;}
#section #pro3 .pt3 ul li{width:48%; margin:1%;}
#section #pro3 .pt3 ul li:nth-child(1,3){margin-left: 0%;}

/*pro4*/
#section #pro4 .pt1{background: url(../../images/sub/pro4/pt1.png); background-attachment: fixed;}
#section #pro4 .pt1 .layGrid{padding:3% 0 0;}
#section #pro4 .pt1 .left{padding-right:7%; box-sizing:border-box;}
#section #pro4 .pt2 .pt2_span{font-size:36px; padding-top:50px;}
#section #pro4 .pt3 ul{padding:2.5% 0;}
#section #pro4 .pt3 > img{padding-top:70px;}

/*pro5*/
#section #pro5 .pt1{background: url(../../images/sub/pro5/pt1.png); background-attachment: fixed;}
#section #pro5 .pt1 .layGrid{padding:3% 0 0;}
#section #pro5 .pt3 .pt3_f1{background: url(../../images/sub/pro5/f_bg1.png) 50% 50% no-repeat; background-size: cover}
#section #pro5 .pt3 .pt3_f2{background: url(../../images/sub/pro5/f_bg2.png) 50% 50% no-repeat; background-size: cover}
#section #pro5 .pt3 .pt3_f3{background: url(../../images/sub/pro5/f_bg3.png) 50% 50% no-repeat; background-size: cover}
#section #pro5 .pt3 > img{padding-top: 120px;}
#section #pro5 .pt2{padding-top:70px;}
#section #pro5 .pt2 .pt2_span{padding-top:100px;}
#section #pro5 .pt2 .fr{padding-left:10%; box-sizing:border-box;}
#section #pro5 .pt4 .pt4_img{text-align:right;}
#section #pro5 .pt4 .pt4_img img{width:85%;}

/*pro6*/
#section #pro6 .pt1{background: url(../../images/sub/pro6/pt1.png); background-attachment: fixed;}
#section #pro6 .pt1 .layGrid{padding:3% 0 0;}
#section #pro6 .pt1 .layGrid .right img{width:85%;}
#section #pro6 .pt1 .left img{padding-top:60px;}
#section #pro6 .pt1 .left p{padding-top:0;}
#section #pro6 .pt2 .fr img{border: 1px solid #ddd;}
#section #pro6 .pt3 ul li{width:48%; margin:1%;}
#section #pro6 .pt3 ul li.pro6_list{width:100%; margin:1%; color:#222; font-weight:600; font-size:22px; padding:20px 3% 5px;}
#section #pro6 .pt3 ul li img{background: #fff; padding: 5% 10% 3%; border-radius: 15px;}
#section #pro6 .pt3 h1{font-size:32px;}
#section #pro6 .pt3 ul > p{font-family:'NanumSquare'; font-size:18px; font-weight:500; padding-bottom:30px; line-height:1.7;}
#section #pro6 .pt3 > img{padding-top: 120px;}
#section #pro6 .pt4 .table_layout th:nth-child(2){border-right: #222 1px solid;}

/*pro7*/
#section #pro7 .pt1{background: url(../../images/sub/pro7/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro7 .pt1 .layGrid{padding:5% 0 0;}
#section #pro7 .pt1 .left img{padding-top:60px;}
#section #pro7 .pt1 .left p{padding-top:0;}
#section #pro7 .pt1 .right img{width:80%;}
#section #pro7 .pt3 ul li{margin:1%; min-height:422px;}
#section #pro7 .pt3 ul li p{font-size:25px;}
#section #pro7 .pt3 ul li:last-child p{padding: 0 0 5px;}
#section #pro7 .pt3 .pt3_f5 div img{width: 100%;}
#section #pro7 .pt3 > img{padding-top: 120px;}

/*pro8*/
#section #pro8 .pt1{background: url(../../images/sub/pro8/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro8 .pt1 .left img{width:65%;}
#section #pro8 .pt1 .right img{width:90%;}
#section #pro8 .pt3{padding-bottom:50px;}
#section #pro8 .pt3 ul li{min-height:460px;}
#section #pro8 .pt3 ul li p{font-size:25px;}
#section #pro8 .pt3 > img{display:block; margin:auto; padding-top:0;}
#section #pro8 .pt4 .pt4_cbox{padding:60px 0;}

/*pro9*/
#section #pro9 .pt1{background: url(../../images/sub/pro9/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover; padding-top:100px;}
#section #pro9 .pt1 .right{text-align:center;}
#section #pro9 .pt1 .left{padding-right:5%; box-sizing:border-box;}
#section #pro9 .pt2{padding:100px 0;}
#section #pro9 .pt2 .pt2_span{padding-top:35px;}
#section #pro9 .pt2 .pt2_tle{padding:30px 0 0 !important; font-weight:600; font-size:27px; color: #282828;}
#section #pro9 .pt2 .pt2_txt{padding:0 0 20px !important; line-height:1.5;}
#section #pro9 .pt2 .fr .pt2_list li{padding:10px 0 22px; font-size: 20px; font-weight: 600; color: #282828;}
#section #pro9 .pt2 .fr .pt2_list li p{padding:10px 0 20px !important; font-size:17px; line-height:1.6;}
#section #pro9 .pt3 ul{padding:6% 0;}
#section #pro9 .pt3 ul li{margin:1%; min-height:400px;}
#section #pro9 .pt3 ul li p{font-size:25px;}
#section #pro9 .pt4 .pt4_img img{width:80%;}

/*pro10*/
#section #pro10 .pt1{background: url(../../images/sub/pro10/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover; padding-top:100px;}
#section #pro10 .pt1 .left{padding-right:3%; box-sizing:border-box;}
#section #pro10 .pt1 .right{text-align:center;}
#section #pro10 .pt2{padding:100px 0 0;}
#section #pro10 .pt2 .pt2_span{padding-top:20px;}
#section #pro10 .pt2 .pt2_tle{padding:30px 0 0; font-weight:600; font-size:27px; color: #282828;}
#section #pro10 .pt2 .pt2_txt{padding:0 0 20px; line-height:1.5; word-break:keep-all;}
#section #pro10 .pt2 .fr .pt2_list li{padding:10px 0 22px; font-size: 20px; font-weight: 600; color: #282828;}
#section #pro10 .pt2 .fr .pt2_list li p{padding:10px 0 20px; font-size:17px; line-height:1.6;}
#section #pro10 .pt3 ul{padding:6% 0;}
#section #pro10 .pt3 ul li{min-height:371px;}

/*pro11*/
#section #pro11 .pt1{background: url(../../images/sub/pro11/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro11 .pt1 .left img{padding-top:200px;}
#section #pro11 .pt1 .left p{padding-top: 50px;}
#section #pro11 .pt3 ul li{width:48%; min-height:320px;}
#section #pro11 .pt3 ul li:last-child{padding:60px 3% 30px;}
#section #pro11 .pt4 .pt4_img img{width:65%;}
#section #pro11 .pt4 .table_layout th{padding:10px 30px;}

/*pro12*/
#section #pro12 .pt1{background: url(../../images/sub/pro12/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro12 .pt1 .layGrid{padding-top:50px;}
#section #pro12 .pt1 .left img{padding-top:35px;}
#section #pro12 .pt1 .left p{padding-top:0;}
#section #pro12 .pt1 .pro12_monitor{padding-top:20px !important; width:50%;}
#section #pro12 .pt2 .pt2_span{padding-top: 70px;}
#section #pro12 .pt2 p{padding-top: 20px;}
#section #pro12 .pt3 ul li{width:48%; margin:1%;}
#section #pro12 .pt3 ul li p{font-size: 24px;}

/*pro13*/
#section #pro13 .pt1{background: url(../../images/sub/pro13/pt1.png); background-attachment: fixed;}
#section #pro13 .pt1 .left img{padding-top:115px;}
#section #pro13 .pt1 .left p{padding-top:40px;}
#section #pro13 .pt3 ul li{margin:1%;}
#section #pro13 .pt3 ul li p{font-size:25px;}
#section #pro13 .pt4 .pt4_cbox .pt4_img{text-align:center;}
#section #pro13 .pt4 .pt4_img img{width:55%;}

/*pro14*/
#section #pro14 .pt1{background: url(../../images/sub/pro14/pt1.png); background-attachment: fixed;}
#section #pro14 .pt3 ul li{width:48%; margin:1%;}

/*pro15*/
#section #pro15 .pt1{background: url(../../images/sub/pro15/pt1.png); background-attachment: fixed;}
#section #pro15 .pt3 ul li{width:48%; margin:1%;}
#section #pro15 .pt4 .table_layout table{margin:40px 0 0 10%;}

/*pro16*/
#section #pro16 .pt1{background: url(../../images/sub/pro16/pt1.png); background-attachment: fixed;}
#section #pro16 .pt3 li{min-height:339px;}
#section #pro16 .pt3 li img{border-radius:15px;}
#section #pro16 .pt3 ul li p{font-size:23px;}
#section #pro16 .pt3 .pro16_list{padding:0 0 6%;}
#section #pro16 .pt3 .pro16_list li{padding:0; min-height: inherit; margin:1%; border:5px solid #dedede; border-radius: 20px;}
#section #pro16 .pt3 .pro16_list li:first-child{width:100%; border:0; color: #333; font-size: 23px; font-weight: 600;}
#section #pro16 .pt3 .pro16_list li img{width:100%;}

/*pro17*/
#section #pro17 .pt1{background: url(../../images/sub/pro11/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro17 .pt1 .layGrid{padding-top:80px;}
#section #pro17 .pt1 .left{padding-right:5%; box-sizing: border-box;}
#section #pro17 .pt2{padding:100px 0;}
#section #pro17 .pt2 h1{text-align: center; font-size: 40px; font-weight: 300; padding-bottom:40px; line-height:1.3;}
#section #pro17 .pt2 h1::after{content: ""; border-bottom: #000 2px solid; width: 45px; display: block; margin: 0 auto; padding-bottom:40px;}
#section #pro17 .pt2 .pt2_span{padding-top:0;}
#section #pro17 .pt2 .pt2_tle{padding:30px 0 0; font-weight:600; font-size:27px; color: #282828;}
#section #pro17 .pt2 .pt2_txt{padding:0; line-height:1.5;}
#section #pro17 .pt2 .fr{padding-top:30px;}
#section #pro17 .pt3 ul li{width:48%; margin:1%;}
#section #pro17 .pt3 ul li p{font-size:22px;}
#section #pro17 .pt4 .pt4_img img{width:80%;}
#section #pro17 .pt5 h1{text-align: center; font-size: 40px; font-weight: 300; padding-top:100px; line-height:1.3;}
#section #pro17 .pt5 h1::after{content: ""; border-bottom: #000 2px solid; width: 45px; display: block; margin: 0 auto; padding-bottom:40px;}
#section #pro17 .pt5 .pt5_in{padding:0 0 50px; text-align:center;}
#section #pro17 .pt5 .pt5_in img{padding:50px 0 0;}
#section #pro17 .pt5 .pt5_in p{font-size:18px; font-weight:300; line-height:1.5; word-break:keep-all;}
#section #pro17 .pt5 .pt5_in p.pt5_tle{font-size:20px; font-weight:600; padding:2px 0 10px;}

/*pro18*/
#section #pro18 .pt1{background: url(../../images/sub/pro18/pt1.png); background-attachment: fixed;}
#section #pro18 .pt1 .right img{width:80%; padding-top:15%;}
#section #pro18 .pt3 ul li{min-height:332px;}
#section #pro18 .pt3 ul li p{padding:3% 0;}
#section #pro18 .pt3 ul li:last-child p{padding:8% 0;}
#section #pro18 .pt4 .table_layout th:nth-child(2){border-right: #222 1px solid;}

/*pro19*/
#section #pro19 .pt1{background: url(../../images/sub/pro19/pt1.png); background-attachment: fixed;}
#section #pro19 .pt1 .layGrid{padding:0 0 8%;}
#section #pro19 .pt1 .left img{padding-top:180px;}
#section #pro19 .pt1 .left p{padding-top:0;}
#section #pro19 .pt1 .right img{padding-top:140px;}
#section #pro19 .pt3 ul li{margin:1%; min-height:345px;}
#section #pro19 .pt4 .pt4_cbox{padding:40px 0 70px;}
#section #pro19 .pt4 .table_layout{width:100%;}
#section #pro19 .pt4 .table_layout table{width:100%; margin-left:0;}
#section #pro19 .pt4{background: url(../../images/sub/pro4/pt4.png)right no-repeat; background-size: cover;}

/*pro20*/
#section #pro20 .pt1 .layGrid{padding:0 0 10%;}
#section #pro20 .pt1 .right img{padding: 45% 0 0 15%; box-sizing: border-box;}
#section #pro20 .pt1{background: url(../../images/sub/pro20/pt1.png); background-attachment: fixed;}
#section #pro20 .pt3 ul li{margin:1%; min-height:319px; padding:35px 2%;}
#section #pro20 .pt3 ul li p{font-size:23px;}
#section #pro20 .pt3 .pc{width:55%; padding-bottom:5%;}
#section #pro20 .pt4 .pt4_img{padding-top:5%;}

/*pro21*/
#section #pro21 .pt1{background: url(../../images/sub/pro21/pt1.png); background-attachment: fixed;}
#section #pro21 .pt1 .layGrid{padding:0 0 12%;}
#section #pro21 .pt1 .left{padding-right:6%; box-sizing:border-box;}
#section #pro21 .pt1 .right img{width:100%; padding:45% 0 0; box-sizing: border-box;}
#section #pro21 .pt3 ul li{margin:1%; min-height:332px;}
#section #pro21 .pt4 .pt4_cbox{padding:40px 0 70px;}
#section #pro21 .pt4 .table_layout{width:100%;}
#section #pro21 .pt4 .table_layout table{width:100%; margin-left:0;}
#section #pro21 .pt4{background: url(../../images/sub/pro4/pt4.png)right no-repeat; background-size: cover;}

/*pro22*/
#section #pro22 .pt1{background: url(../../images/sub/pro22/pt1.png)no-repeat 0 0; background-attachment: fixed; background-size: cover;}
#section #pro22 .pt1 .layGrid{padding:5% 0;}
#section #pro22 .pt1 .left{padding-right:5%; box-sizing:border-box;}
#section #pro22 .pt1 .left img{padding-top:50px;}
#section #pro22 .pt3 ul li p{font-size:22px;}
#section #pro22 .pt5 .layGrid{padding: 70px 0 50px;}
#section #pro22 .pt5 h1{text-align: center; font-size: 40px; font-weight: 300; padding-top:100px; line-height:1.3;}
#section #pro22 .pt5 h1::after{content: ""; border-bottom: #000 2px solid; width: 45px; display: block; margin: 0 auto; padding-bottom:40px;}
#section #pro22 .pt5 .pt5_in{width:100%; padding:0 0 50px; text-align:center;}
#section #pro22 .pt5 .pt5_in .pt5_cont{padding:1% 5% 7%; box-sizing:border-box; border:3px solid #e1e1e1; border-radius: 15px;}
#section #pro22 .pt5 .pt5_in img{padding:30px 0 70px; width:90%; margin:auto;}
#section #pro22 .pt5 .pt5_in p{font-family:'NanumSquare'; font-size:19px; font-weight:500; line-height:1.5; word-break:keep-all;}
#section #pro22 .pt5 .pt5_in p.pt5_tle{font-family:'NanumSquare'; font-size:22px; font-weight:600; padding:5% 0 10px; color:#f05a6d;}

/*****footer*****/
#footer{position:relative;}
#footer .fTop{padding:30px 0; background-color:#474747; position:relative;}
#footer .fl h2 img{height:31px;}
#footer a.go_top{position:fixed; bottom:20px; right:20px; display:none; background:rgba(150,150,150,0.6);}
#footer a.go_top:hover{background:rgba(170,170,170,0.8);
-webkit-transition: all 0.2s ease-in 0.1s; 
-moz-transition: all 0.2s ease-in 0.1s; 
-o-transition: all 0.2s ease-in 0.1s; 
-ms-transition: all 0.2s ease-in 0.1s; 
transition: all 0.2s ease-in 0.1s;}
                                                  
/*메뉴 왼쪽*/
#footer .fTop .fl{width:40%; padding:0 35px 0 30px; box-sizing:border-box;}
#footer .fTop .fl h2{margin-bottom:15px;}
#footer .fTop .address{font-size:15px; line-height:1.7; color:#a9a9a9; font-weight:300;}
/*메뉴 오른쪽*/
#footer .fTop .fr{width:60%; padding:0 30px 0 80px; box-sizing:border-box; border-left:1px solid #616161;}
#footer .fTop .f_mn > li{float:left; padding-right:60px;}
#footer .fTop .f_mn > li:last-child{padding-right:0px;}
#footer .fTop .f_mn > li > a{display:block; padding-bottom:5px; font-family:'NanumSquare'; font-size:18px; color:#10b0b5;font-weight:600;}
#footer .fTop .f_sub li{line-height:27px;}
#footer .fTop .f_sub li a{font-family:'NanumSquare'; font-size:17px; color:#a9a9a9;font-weight:400;}
/*fBot*/
#footer .fBot{padding:8px 0; background-color:#313131; text-align:center;}
#footer .copyright{color:#666; font-size:13px; font-weight:300; display: inline-block;}


@media screen and (max-width: 1100px){
    .mo100{width: 100% !important; margin-left: 0 !important;}
    #section{width: 94%; margin-left: 3%;}
    #header{display: none;}
    #header2{display: table;padding: 15px 0; position: fixed; background: rgba(0,0,0,0.5); z-index: 9999}
    #header2 .fl{margin-left: 2%;}
    #header2 .fr{margin-right: 2%;}
	#header2 #logo img{height:28px !important;}

	/*모바일 메뉴*/
    .nav2{position: fixed; top: 0; right: 0; width:100%; height:100%; overflow-y:auto; background:rgba(38,38,38,0.96); margin-top: 0; box-sizing: border-box; padding: 20% 0; text-align:center;}
	.nav2 .close{position: absolute; top:20px; right:20px; cursor:pointer;}
	.nav2 .close img{width:40px !important;}
	.nav2 .nav2_mn{width: 100%; text-align: center;height:65px; line-height:65px; }
	.nav2 .nav2_mn a{display:block;}
	.nav2 .nav2_sub li{width: 100%; text-align: center; height:50px; line-height:50px; background:rgba(30,30,30,0.9);
	border-top:1px solid rgba(255,255,255,0.035);border-bottom:1px solid rgba(255,255,255,0.035);}
	.nav2 .nav2_sub li a{display:block; font-size:18px; font-weight:300;}
    .nav2 li a{font-size:1.5rem; font-family: 'NotoSans', 'Dotum', sans-serif; color: #fff; font-weight: 400; vertical-align: middle;}
    .nav2 .cyan_blue{color: #1895b5; }
    .nav2 .cyan{color: #18aeb4; }
    .moOpen{display: block; color: #fff; float: right; font-size: 1.5rem; }
    .moOpen:hover{color: #fff;}
    .moOpen span{display: none;}
    .layGrid{width: 100%;}
    .sns li img{height: 40px; padding:0 10px; margin-top: 30px;}
    .last{margin-right: 0 !important;}
	
	#mainImg{height:200px; overflow:hidden;}
	#mainImg img{width:1100px; margin-left:-550px;}
	#mainImg .mainImg01{display:none;}
	#mainImg .mainImg02{display:block;}
    
    #footer{text-align: center;}
    #footer .fl, #footer .fr{float: none !important;}
    #footer .fr{display: none;}
    #footer .fTop .fl{width: auto;}
    #section #greeting .g_img{width: 100%;}
	#section #greeting h4 br{display:none;}
	#section #greeting p{padding:0 10%;box-sizing:bordr-box;}
	#section #greeting p .pc{display:none;}

    #history > img{width: 100%;}
	#section #history .history_list .fr::before{margin-left:-312px;}

	#section .pt1{text-align: center;}
    #section .pt1 .left{width:100%; padding:2% 0; text-align:center;}
    #section .pt1 img{width:30% !important; padding-top:0 !important;}
    #section .pt1 .left p{text-align: center; padding:0 5% !important;}
    #section .pt1 .right{width: 100%; text-align:center;}
	#section #pro9 .pt1 .left p{margin:2% 0;}
	#section #pro10 .pt1 .left p{margin:2% 0;}
	#section #pro9 .pt1 .left{padding-right:0;}
	#section #pro10 .pt1 .left{padding-right:0;}
	#section #pro11 .pt1 .left{padding:5% 0 2%;}
	#section #pro11 .pt1 .left p{padding:3% !important;}
	#section #pro13 .pt1 .right img{width:50% !important;}
	#section #pro17 .pt1 .left p{margin:2% 0;}
	#section #pro17 .pt2 h1::after{padding-bottom:20px;}
	#section #pro20 .pt1 .right img{width:45% !important; padding:0;}
	#section #pro21 .pt1 .left{padding-right:0;}
	#section #pro21 .pt1 .right img{width:45% !important; padding:0;}
	#section #pro22 .pt1 .left{padding-right:0;}
	#section #pro22 .pt1 .left p{margin:2% 0;}
	
	#section .pt2{padding-top:50px !important;}
	#section .pt2 p{padding:3% 5% !important;}
	#section .pt2 .pc{width:30% !important; margin:auto; display:block;}
	#section .pt2 .fl{float: none !important; width:100%;}
	#section .pt2 .fr{float: none !important; width:100%; text-align:center;}
	#section .pt2 .fr img{width:50% !important; margin-bottom: 5%;}
	#section .pt2 .pt2_span{padding-top:30px !important;}
	#section .pt2 .pt2_span::after{width:5%; margin:auto;}
	#section #pro5 .pt2 .fr{padding-left:0%;}

	#section .pt3 .pc{width:70% !important;}
	#section .pt3 ul li{width:60% !important; float:inherit; margin:0 auto 4% !important; min-height:inherit !important; padding:35px 5%;}
	#section .pt3 ul li br{display:none;}
	#section #pro11 .pt3 ul li:first-child p{padding-top:28px;}
	#section #pro16 .pt3 .pro16_list{padding:0 5%; box-sizing:border-box;}
	#section #pro16 .pt3 .pro16_list li:first-child{width:100% !important;}
	#section #pro16 .pt3 .pro16_list li{width:33.3% !important; float:left !important; padding:0 2%; box-sizing:border-box; border:none;}

	#section .pt4{text-align: center; padding-bottom: 50px;background: url(../../images/sub/pro4/pt4.png) right no-repeat; background-size: cover}
	#section .pt4 h1{padding-top:6%;}
	#section .pt4 .pt4_cbox{padding:2% 0;}
	#section .pt4 .pt4_cbox .pt4_img{display:none;}
    #section .pt4 .fr{float: none !important;}
    #section .pt4 .table_layout{width: auto; text-align: center;}
	#section .pt4 .table_layout p{width:100%; margin-left:0;}
    #section .pt4 .table_layout table{margin: auto; margin-bottom: 30px;}
	#section #pro15 .pt4 .table_layout table{margin:auto; margin-bottom: 30px;}
	#section #pro19 .pt4 .table_layout table{width:94%; margin:0 auto 3%;}
	#section #pro21 .pt4 .table_layout table{width:94%; margin:0 auto 3%;}

	#section .pt5 .layGrid > img{width:100%; padding:0 5%; box-sizing:border-box;}
	#section #pro22 .pt5 .pt5_in .pt5_cont{margin:0 5%;}
	#section #pro22 .pt5 h1{font-size:30px; padding-top:60px;}
	#section #pro22 .pt5 h1::after{padding-bottom:25px;}
}

@media screen and (max-width: 1024px){
	#section #history .history_list .fr::before{margin-left:-305px;}
	#mainImg .main_txt{top:58%;}
}

@media screen and (max-width: 1000px){
	#section #history .history_list::before{top:28px;}
	#section #history .history_list .fl{padding:22px 25px; width:30%;}
	#section #history .history_list .fr{width:70%; padding:20px 0 10px; padding-left: 5%;}
    #section #history .history_list .fr::before{display: none;}
    #section #history .history_list::before{margin-left: -16%;}
    #section #location .mapBox iframe{width: 100%;}
}

@media screen and (max-width: 800px){
    #section #location .location_txt{width: 90%; margin-left: 5%;}
    #section #location .location_txt > div{width: 90%; margin-bottom: 30px;}
    #section #location .location_txt .fl, #section #location .location_txt .fr{float: none !important;}
    #section #location .location_txt{padding:50px 10px 0; box-sizing:border-box;}
    #section #hori_nav ul{margin:40px 0 0px;}
	#section #greeting h4{font-size:1.6em; line-height:1.4;} 
	#section #greeting p{padding:0;}

	#section #hori_nav .sub2_nav{width:48% !important;}
	#section #hori_nav .sub2_nav.active{width:48% !important;}
	
	#section .pt1 .layGrid{padding:5% 0 0 !important;}
    #section .pt1 img{width:45% !important;}
	#section .pt3 ul li{width:75% !important;}
	#section .pt4 .pt4_cbox{padding:4% 0 0;}
	#section .pt4 .table_layout p{padding:0 5%; box-sizing:border-box;}
	#section #pro13 .pt1 .right img{width:60% !important;}
	#section #pro19 .pt1 .right{padding-bottom:5%;}
	#section #pro20 .pt1 .right{padding-bottom:5%;}
	#section #pro21 .pt1 .right{padding-bottom:5%;}
	#section #pro16 .pt3 .pro16_list li:first-child{font-size:17px;}
	#section #pro16 .pt3 .pro16_list{padding:0 10% 5% !important; box-sizing:border-box;}
	#section #pro16 .pt3 .pro16_list li{width:50% !important;}
	#section #pro17 .pt5 .pt5_in img{width:100%;}
}

@media screen and (max-width: 760px){
    #section #hori_nav {margin-bottom: 30px;}
    #section #hori_nav .sub1_nav li{width: 48%;margin: 1.2% 1%;}
    
    #section #greeting {text-align: center; padding: 30px 0 50px;}
	#section #greeting .pc{display:none;}
    #section #greeting p{word-break: normal}
    #section #greeting .slogun{font-size:2em; line-height:1.3;}
	#section #history .pc{display:none;}
	#section #history .history_list{padding:0;}
	#section #history .history_list::before{margin-left: -20%;}

	#section #pro20 .pt1 .right img{width:60% !important;}
	#section #pro21 .pt1 .right img{width:60% !important;}
    .mo{display: block !important;}
}

@media screen and (max-width: 550px){
	#mainImg .main_txt{font-size:40px; margin-left:-93px;}
	#section #greeting .slogun{font-size:1.8em; }
	#section #greeting .slogun br{display:none;}
	#section #history .historyBox{padding-top:15px;}
	#section #history .history_list{padding: 0 0;}
    #section #history .history_list::before{display: none;}
    #section #history .history_list .fl, #history .history_list .fr{float: none !important;}
    #section #history .history_list .fr{padding-top: 0; width: 100%;}
	#section #history .history_list .fr li{margin-bottom:0;}
    #section #history .history_list .fl{width:100%; text-align:left !important; padding:15px;}
    #section #history .history_list .fr{width:100%; padding-left:15px;}
	#section .gallery li{margin-left:0; margin-bottom:10%;}
	#section .gallery li .g_txt{font-weight:400;}
	#section .gallery li .g_txt h3{font-weight:500;}
	#section #contents .branch > img{display:none;}
	#section #contents .branch_in{display:block;}

	#section .pt1{background:#f8f8f8 !important;}
	#section .pt1 .left{padding:2% 0 5%;}
	#section .pt1 .left br{display:none;}
	#section .pt2 .pc{width:45% !important;}
	#section .pt2 .pt2_tle{font-size: 23px; line-height:1.2;}
	#section .pt2 .pt2_span{font-size:30px !important;}
	#section .pt2 .pt2_span::after{width:8%; padding-bottom:15px;}
	#section .pt2 .fr img{width:70% !important; margin:3% auto 10%;}
	#section .pt2 .fr p{padding:3% 9.5% !important;}
	#section .pt3 h1{padding-top:15% !important; font-size:30px !important;}
	#section .pt3 ul{padding:6% 0 6% !important;}
	#section .pt3 ul li{width:80% !important; margin:0 auto 7% !important; font-weight:400;}
	#section .pt3 ul li p{font-weight:600;}
	#section .pt3 h1::after{padding-bottom:25px;}
	#section .pt3 .pc{width:80% !important;}
	#section .pt4 .table_layout th{padding:10px 5px;}
	#section .pt4 h1{padding-top:20%; font-size:30px !important;}
	#section .pt4 h1::after{padding-bottom:25px !important;}
	#section .pt4 .table_layout p{margin:auto; width:90%; background:#333; padding:3% 5%; border-radius:10px; font-size:15px;}
	
	#section .pt5 .pt5_in{padding:5% 0 7%;}
	#section .pt5 .pt5_in .fl{width:100%; text-align:center;}
	#section .pt5 .pt5_in .fr{width:100%; text-align: center; padding:3% 3% 0; box-sizing: border-box;}
	#section #pro17 .pt5 h1{font-size:30px;}

	#section #pro6 .pt3 h1{font-size:25px; padding:8% 3% 0;}
	#section #pro6 .pt3 ul li img{width:75%;}
	#section #pro6 .pt3 ul > p{padding:1% 5% 5%;}
	#section #pro9 .pt1 .left p{margin:4% 0;}
    #section #pro9 .pt2 .fr{padding:0 6%; box-sizing:border-box;}
	#section #pro10 .pt1 .left p{margin:4% 0;}
	#section #pro13 .pt1 .right img{width:80% !important;}
	#section #pro15 .pt1 .right img{width:80% !important;}
	#section #pro17 .pt1 .left p{margin:4% 0;}
	#section #pro19 .pt4 .table_layout th{font-size:16px;}
	#section #pro19 .pt4 .table_layout td{font-size:14px;}
	#section #pro21 .pt4 .table_layout th{font-size:16px;}
	#section #pro21 .pt4 .table_layout td{font-size:14px;}
    #section #pro22 .pt1 .left p{margin:4% 0;}
	#section #pro22 .pt5 .pt5_in p.pt5_tle{font-size:18px;}
	#section #pro22 .pt5 .pt5_in p{font-size:16px;}
}
@media screen and (max-width: 450px){
    .copyright{font-size: 12px !important;}
    #section #location .location_txt{width: 100%; margin-left: 0; }
    #section #location .location_txt > div{width: 100%;}
	#section #location .busline{padding:0 0 5px 12px !important;}
    #section .gallery li .g_txt{line-height:1.3; min-height:56px;}
    #section .gallery li .g_txt h3{font-size:16px;}
	#section .gallery li{width:49%;}
	#section .gallery li .g_hover{display:none;}

	#section .pt1 img{width:60% !important}
	#section .pt1 .left p{line-height:1.5; font-size:18px;}
	#section .pt1 .left p span{display:inline-block; padding-bottom:5px; font-size:27px;}
	#section #pro4 .pt2 .fr p br{display:none;}
	#section .pt3 ul li img{width:40%;}
	#section .pt3 ul li{width:75% !important; font-size:18px;line-height:1.6; font-weight:300;}
	#section .pt3 ul li p{font-size:23px; padding:18px 0 10px;}
	#section .pt4 .table_layout td{background:rgba(256,256,256,0.05);}

	#footer .fTop{border-top:3px solid #03acb1;}
/*     #section #pro1 .pt3 br{display: none;}
    #section #pro7 .pt3 .pt3_f5 img{width: 100%;} */
}

@media screen and (max-width: 360px){
/*	#section .gallery li{width:280px;}*/
    #section #history .history_list .fl{padding:15px 5px;}
    #section #history .history_list .fr{padding-left:5px;}
	#section #location .location_txt > div ul li{font-size:15px;}
	#section #pro21 .pt4 .table_layout td{font-size:12px;}
}

@media screen and (max-width: 360px){
    #section .gallery li{width:280px;}
    #section .gallery li .g_txt{line-height:inherit; min-height:inherit;}
    #section .gallery li .g_txt h3{font-size:20px;}
}