
@charset "utf-8";
@import url("common.css");

/********************** PC 화면 **********************/
@media all and (min-width:961px){



/* 2016-06-09 수정 */
.pro_ex{width:100%; border:1px solid #ddd; padding:20px; margin-bottom:30px;}





/* layout,main */
#wrap {padding-top:105px;}

#headerWarp {position:fixed;top:0;width:100%;background:#fff;z-index:99999;}
#header {position:relative; width:100%;max-width:1150px;height:60px;padding:45px 0 0;margin:0 auto;}
#header h1 {position:absolute;top:29px;left:0;}
#header h1 a {display:block;width:168px;height:44px;background:url('/img/logo.png') no-repeat 0 0;font-size:0;line-height:0;}
#header .btn_gnb {display:none;}

#gnb {float:left;margin:0 0 0 25%; width:47%;}
#gnb > ul {} 
#gnb > ul > li {position:relative; float:left;padding:0 0 35px 8%;text-align:center;}
#gnb > ul > li:hover {background:url('/img/arrow06.png') no-repeat 50% 100%;}
#gnb > ul > li > a {display:block;color:#222;font-size:16px;}
#gnb > ul > li:first-child {padding-left:0;}
#gnb > ul > li.on > a {color:#005582;} 
#gnb > ul > li .sgnb {display:none; position:absolute; top:60px; left:0; width:170px;}
#gnb > ul > li .sgnb li {background:#335fa3; text-align:left;}
#gnb > ul > li .sgnb li a {display:block; padding-left:20px; color:#fff; line-height:40px;}
#gnb > ul > li .sgnb li a:hover {background:#486fac;}
#gnb > ul > li.menu02 {background-position:75% 100%;}
#gnb > ul > li.menu03 {background-position:65% 100%;}
#gnb > ul > li.menu04 {background-position:65% 100%;}
#gnb > ul > li.menu05 {background-position:65% 100%;}
#gnb > ul > li.menu01 .sgnb {left:-75%;}
#gnb > ul > li.menu02 .sgnb {left:-60%;}
#gnb > ul > li.menu03 .sgnb {left:-5%;}
#gnb > ul > li.menu04 .sgnb {left:-5%;}
#gnb > ul > li.menu05 .sgnb {left:-15%;}


.util {float:right;overflow:hidden;text-align:right;}
.util li {display:inline;padding-left:20px;background:url('/img/bg_line01.png') no-repeat 5px 60%;}
.util li:first-child {background:none;}
.util li a {color:#999;font-family:'Roboto',sans-serif;font-size:13px;}

.SearchArea {display:none;position:fixed;top:105px;left:0 !important;width:100%;padding:20px 0 30px;background:#f7f7f7;z-index:99;}
.SearchArea .SearchBox {max-width:1150px;margin:0 auto;border-bottom:1px solid #222;}
.SearchArea .SearchBox input {width:90%;height:50px;border:1px solid #f7f7f7;background:#f7f7f7;font-size:30px;line-height:40px;font-weight:normal;}
.SearchArea .SearchBox a {color:#222;font-size:30px;}

.m_visualWarp {overflow:hidden;position:relative;width:100%;margin:0 auto;}
.m_visualWarp .m_visual  {overflow:hidden;position:relative;width:100%;}
.m_visualWarp .m_visual strong {line-height:60px;}
.m_visualWarp li {float:left;height:400px;text-align:center;cursor:pointer;}
.m_visualWarp li img {display:none;}
.m_visualWarp li p {padding:0 5%;margin-top:150px;color:#fff;font-size:17px;font-family:'Roboto',sans-serif;}
.m_visualWarp li p strong {display:block;margin:15px 0 30px;font-size:44px;line-height:45px;}
.m_visualWarp li a {display:block;width:235px;margin:60px auto 0;border-radius:4px;background:#fff url('/img/arrow01.png') no-repeat 75% 50%;color:#325ea3;font-size:16px;font-weight:bold;font-family:'Roboto',sans-serif;line-height:49px;text-align:center;}
.m_visualWarp li.list01 {background:url('/img/m_visual01.jpg') no-repeat 50% 0;}
.m_visualWarp li.list02 {background:url('/img/m_visual02.jpg') no-repeat 50% 0;}
.m_visualWarp li.list03 {background:url('/img/m_visual03.jpg') no-repeat 50% 0;}
.m_visualWarp li.list04 {background:url('/img/m_visual04.jpg') no-repeat 50% 0;}
.m_visualWarp li.list05 {background:url('/img/m_visual05.jpg') no-repeat 50% 0;}
.m_visualWarp .bx-pager {display:none;}
.m_visualWarp .bx-controls-auto {display:none;}
.m_visualWarp .bx-controls-direction a {display:inline-block;position:absolute;top:40%;width:28px;height:53px;font-size:0;z-index:99;}
.m_visualWarp .bx-prev {left:2.5%;background:url('/img/btn_prev.png') no-repeat 0 0;}
.m_visualWarp .bx-next {right:2.5%;background:url('/img/btn_next.png') no-repeat 0 0;}

#m_container {}
.conbox01 {padding:70px 0 30px;background:#ececec url('/img/bg_con01.jpg') no-repeat 50% 100%;}
.conbox01 ul {overflow:hidden;width:100%;max-width:1150px;margin:0 auto;}
.conbox01 ul li {float:left;width:23%;margin-left:2.6%;background:#fff;cursor:pointer;}
.conbox01 ul li:first-child {margin-left:0;}
.conbox01 ul li dl dt img {width:100%;}
.conbox01 ul li dl dd {min-height:123px;padding:15px;font-size:12px;}
.conbox01 ul li dl dd h2 {padding-bottom:10px;margin-bottom:20px;color:#222;font-family:'Roboto',sans-serif;font-size:18px;background:url('/img/bg_line02.png') no-repeat 0 100%;}
.conbox01 ul li dl dd strong {color:#325ea3;font-family:'Roboto',sans-serif;}
.conbox01 ul li dl dd p {margin-top:0px;color:#555;}
.conbox01 div {overflow:hidden;max-width:1150px;margin:0 auto; margin-top:50px;color:#bb131a;font-size:13px;}
.conbox01 div img {float:left;}
.conbox01 div p {margin-left:220px;}
.conbox01 div span {font-weight:bold;font-size:15px;}

.conbox02 {overflow:hidden;background:url('/img/bg_con02.jpg') no-repeat 50% 0;box-sizing:border-box;}
.conbox02 .conbox02_inner {width:100%;max-width:1150px;margin:0 auto;}
.conbox02 .conbox02_inner > div {float:left;width:50%;}
.conbox02 .conbox02_inner > div h2 {color:#fff;font-size:29px;font-weight:bold;}
.conbox02 .con01 {padding:5% 3% 5% 2%;box-sizing:border-box;}
.conbox02 .con01 .m_banner {position:relative;width:100%;}
.conbox02 .con01 .m_banner h2 {margin-bottom:0;text-align:left;}
.conbox02 .con01 .m_banner ul {display:inline-block;width:100%;}
.conbox02 .con01 .m_banner ul li {color:#fff;padding-right:30px;}
.conbox02 .con01 .m_banner ul li h3 {;color:#fff;font-size:16px;}
.conbox02 .con01 .m_banner ul li p {margin:20px 0 35px;color:#c0cce0;}
.conbox02 .con01 .m_banner ul li a {display:block;width:155px;border-radius:4px;background:#fff url('/img/arrow01.png') no-repeat 90% 50%;color:#325ea3;font-size:16px;font-weight:bold;font-family:'Roboto',sans-serif;line-height:49px;text-align:center;}
.conbox02 .con01 .m_banner .bx-controls-direction {display:none;}
.conbox02 .con01 .m_banner .bx-pager {position:absolute;top:0;right:0;z-index:100; width:100%; text-align:right;}
.conbox02 .con01 .m_banner .bx-pager div {display:inline-block;}
.conbox02 .con01 .m_banner .bx-pager a {display:inline-block;width:11px;height:11px;margin:0 3px;background:#fff;text-indent:-9999px;font-size:0;}
.conbox02 .con01 .m_banner .bx-pager a.active {background:#94c73a}
.conbox02 .con01 .m_banner .bx-viewport {height:202px !important;}

.conbox02 .conbox02_inner .con02 {position:relative; padding:5% 0 5% 4%;box-sizing:border-box;}
.conbox02 .conbox02_inner .con02 h2 {color:#000;}
.conbox02 .con02 .tab {display:inline-block;margin:15px 0 20px;border:1px solid #ddd;}
.conbox02 .con02 .tab a {display:inline-block;padding:0 50px;border-left:1px solid #ddd;color:#222;font-size:15px;line-height:50px;}
.conbox02 .con02 .tab a:first-child {border-left:0;}
.conbox02 .con02 .tab a.on {color:#fff;background:#b3a686;}
.conbox02 .btn_banner {position:absolute; top:40px; right:0; display:block; width:220px; height:52px; padding-top:8px; text-align:center; color:#fff; font-size:13px; background:#345fa4; line-height:18px; box-sizing:border-box;}
.listwrap {overflow:hidden;width:100%;}
.listwrap p {float:left;;width:56%}
.listwrap img {float:right;width:38%;}

/* .listwrap ul {}
.listwrap ul li {padding:10px 0 6px 15px;border-bottom:1px solid #ddd;background:url('/img/bu_01.png') no-repeat 6px 50%;}
.listwrap ul li a {display:inline-block;width:77%;margin-right:10px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:13px;}
.listwrap ul li span {color:#888;}
.listwrap ul li:first-child {padding-left:0;background:none;}
.listwrap ul li:first-child strong {display:block;margin-bottom:7px;color:#222;font-size:19px;font-weight:normal;line-height:20px;}
.listwrap ul li:first-child a {width:95%;}
.listwrap ul li:first-child a span {display:block;color:#555;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; 
 line-height: 1.5em; height: 2.8em;} */

#footerWarp {width:100%;background:#222;}
.f_conWarp {padding:30px 0 30px;border-bottom:1px solid #333;box-sizing:border-box;}
.f_conWarp .f_con {overflow:hidden;max-width:1150px;margin:0 auto;}
.f_conWarp .f_con h2 {margin-bottom:25px;color:#fff;font-size:24px;font-weight:700;}
.f_con .sitemap {display:none; float:left;width:68%;}
.f_con .sitemap > ul {overflow:hidden;}
.f_con .sitemap > ul > li {float:left;margin-left:9%;}
.f_con .sitemap > ul > li:first-child {margin-left:0;}
.f_con .sitemap > ul > li h3 {padding-bottom:13px;margin-bottom:10px;background:url('/img/bg_line05.png') no-repeat 0 100%;color:#c3c2c2;font-size:15px;}
.f_con .sitemap > ul > li ul {}
.f_con .sitemap > ul > li ul li {}
.f_con .sitemap > ul > li ul li a {display:block;color:#777;line-height:29px;}
.f_con .info {}
.f_con .info ul {overflow:hidden;}
.f_con .info ul li {float:left; padding-left:30px; margin-left:30px; color:#777;}
.f_con .info ul li:first-child {margin:0;}
.f_con .info ul li.list01 {background:url('/img/ico_map.png') no-repeat 0 3px;}
.f_con .info ul li.list02 {background:url('/img/ico_phone.png') no-repeat 0 0;}
.f_con .info ul li.list03 {background:url('/img/ico_phone02.png') no-repeat 0 3px;}
.f_con .info ul li.list04 {background:url('/img/ico_mail.png') no-repeat 0 3px;}
#footer {overflow:hidden;max-width:1150px;padding:35px 0 10px;margin:0 auto;}
#footer .copy {float:left;color:#a8a8a8;font-family:'Roboto',sans-serif;}
#footer ul {float:right;overflow:hidden;margin-bottom:15px;}
#footer ul li {float:left;padding-left:20px;background:url('/img/bg_line01.png') no-repeat 10px 50%;}
#footer ul li:first-child {padding-left:0;background:none;}
#footer ul li a {color:#fff;font-family:'Roboto',sans-serif;font-size:13px;}

/* 서브레이아웃 */
.visual {width:100%;height:287px;}
.visual.sub01 {background:url('/img/visual01.jpg') no-repeat 50% 0;}
.visual.sub02 {background:url('/img/visual02.jpg') no-repeat 50% 0;}
.visual.sub03 {background:url('/img/visual03.jpg') no-repeat 50% 0;}
.visual.sub04 {background:url('/img/visual04.jpg') no-repeat 50% 0;}
.visual.sub05 {background:url('/img/visual05.jpg') no-repeat 50% 0;}
.visual h2 {max-width:1150px;margin:0 auto;color:#fff;font-family:'Roboto',sans-serif;font-weight:800;font-size:70px;line-height:287px;}
.visual img {display:none;}

#container {}
.lnbWarp {background:#ececec;}
.lnbWarp h3 {display:none;}
.lnb ul {overflow:hidden;max-width:1150px;margin:0 auto;}
.lnb ul li {float:left;}
.lnb ul li a {display:block;padding:0 45px;color:#222;font-size:14px;line-height:73px;}
.lnb ul li.on a {background:#b3a686;color:#fff;}
.lnb ul li a:hover {background:#b3a686;color:#fff;}

.contents {max-width:1150px;padding:50px 0 150px;margin:0 auto;}
.contents.st02 {padding:50px 0 0;}
.contents h3 {font-size:44px;color:#222;font-family:'Roboto',sans-serif;font-weight:bold;}
.contents h3 span {font-size:23px;}
.cont {margin-top:25px;}

/* 회사소개 */
.page0101 {padding-bottom:130px;background:url('/img/img0101.png') no-repeat 100% 100%;}
.page0101 h4 {padding-bottom:20px;background:url('/img/bg_line06.png') no-repeat 0 100%;color:#234f93;font-size:18px;font-weight:normal;}
.page0101 h4 strong {display:block;margin-bottom:10px;font-size:30px;font-weight:bold;}
.page0101 span {display:block;margin-top:45px;color:#222;font-size:15px;font-weight:bold;}

.page0102 h4 {font-size:20px;font-weight:normal;}
.page0102 h4 strong {color:#234f93;}
.page0102 .dl_list {overflow:hidden;margin-top:45px;}
.page0102 dl {float:left;width:32%;padding-left:2%;}
.page0102 dl:first-child {padding-left:0;}
.page0102 dl dt img {width:100%;}
.page0102 dl dd {margin-top:30px;line-height:24px;}
.page0102 dl dd h5 {margin:30px 0 15px;color:#234f93;font-size:20px;font-weight:normal;}
.page0102 dl dd strong {color:#234f93;}

.page0103 strong {display:block;margin-bottom:15px;color:#222;font-size:17px;font-weight:normal;}
.certificationList {overflow:hidden;margin:-2% 0 0 -2%;}
.certificationList li {float:left;width:18%;margin:2% 0 0 2%;border:1px solid #ddd;cursor:pointer;box-sizing:border-box;}
.certificationList li .img {}
.certificationList li .img img {width:100%;}
.certificationList li span {display:block;padding:0 5px;margin-top:1px;border-top:1px solid #ddd;color:#222;font-size:15px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.certificationList li:hover span {color:#325ea3;}
.certification_view h4 {color:#222;font-size:20px;text-align:center;font-weight:normal;}
.certification_view .imgBox {width:639px;margin:30px auto;border:1px solid #ddd;}
.certification_view .imgBox img {width:100%;}
.certification_view .txt {color:#888;text-align:center;line-height:21px;}
.certification_view a.btn_blue {display:block;width:285px;margin:75px auto 0;background-position:60% 50%;line-height:49px;text-align:center;font-weight:bold;}

/* 오시는 길 */
.mapWarp .map {margin-bottom:40px;}
.mapWarp .root_daum_roughmap {width:100% !important;}
.mapWarp ul li {display:inline-block;padding-left:20px;margin:20px 25px 0 0;color:#222;}
.mapWarp ul li:first-child {display:block;margin-top:0;font-size:18px;}
.mapWarp ul li.list01 {background:url('/img/ico_map02.png') no-repeat 0 3px;}
.mapWarp ul li.list02 {background:url('/img/ico_phone03.png') no-repeat 0 0;}
.mapWarp ul li.list03 {background:url('/img/ico_phone04.png') no-repeat 0 3px;}
.mapWarp ul li.list04 {background:url('/img/ico_mail02.png') no-repeat 0 3px;}

/* 제품 */
.prodlist {/* background:url('/img/bg_line07.png') no-repeat 0 0;background-size:100%; */}
.prodlist ul {overflow:hidden;margin-left:-6%;}
.prodlist ul li {float:left;width:44%;padding:14px 20px;margin-left:6%;border-bottom:1px solid #ddd;box-sizing:border-box;}
.prodlist ul li:first-child {border-top:1px solid #ddd;}
.prodlist ul li.second {border-top:1px solid #ddd;}
.prodlist ul li.bg_pc {background:#f8f8f8;}
.prodlist ul li dl {overflow:hidden;}
.prodlist ul li dl dt {float:left;width:40%;padding-right:5%;box-sizing:border-box}
.prodlist ul li dl dt img {width:100%;border:1px solid #eee;}
.prodlist ul li dl dd {float:left;width:60%;}
.prodlist ul li dl dd span {display:block;margin-top:7px;color:#325fa4;font-size:15px;font-weight:bold;}
.prodlist ul li dl dd p {margin-top:10px;color:#888;font-size:13px;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; 
 line-height: 1.5em; height: 4.5em;}

.prodview {padding-bottom:5%;}
.prodview .prodBox01 {}
.prodview .prodBox01 h4.prodtit {color:#325fa4;font-size:27px;}
.prodview .prodBox01 img.prodimd {width:100%;height:300px;border:1px solid #ddd;box-sizing:border-box;}
.prodview .prodBox01 p.prodtxt {margin-top:40px;color:#888;line-height:21px;}
.prodview .prodBox02 {position:relative;overflow:hidden;margin:60px 0 40px; border-bottom:1px solid #ddd;}
.prodview .prodBox02 h5 {padding-left:22px;margin-bottom:20px;color:#234f93;font-size:21px;background:url('/img/bu_02.png') no-repeat 0 50%;}
.prodview .prodBox02 .function {float:left;width:70%;;padding-right:3%;border-right:1px solid #ddd;box-sizing:border-box;}
/* .prodview .prodBox02 .function table {padding-left:10px;}
.prodview .prodBox02 .function table th {padding:0 0 10px 12px;margin-bottom:15px;color:#8a7c59;font-size:15px;background:url('/img/bu_03.png') no-repeat 0 8px;box-sizing:border-box;text-align:left;vertical-align:top;}
.prodview .prodBox02 .function table td {margin-bottom:15px;color:#888;} */
.prodview .prodBox02 .download {float:right;width:30%;height:100%;padding-left:3%;box-sizing:border-box;}
.prodview .prodBox02 .download ul {padding-left:10px;}
.prodview .prodBox02 .download ul li {padding-left:10px;margin-bottom:5px;background:url('/img/bu_03.png') no-repeat 0 7px;}
.prodview .prodBox02 .download ul li a {line-height:12px;}
.prodview .prodBox02 .download ul li a:hover {color:#325fa4;border-bottom:1px solid #325fa4;}
.prodview .btn_blue {position:absolute;bottom:5%;left:74%;display:block;width:285px;height:50px;color:#fff;line-height:50px;text-align:center;}
.prodview .tabmenu01 {margin-top:85px;}
.tabmenu01 {overflow:hidden;border:1px solid #ddd;}
.tabmenu01 a {display:inline-block;background:#f6f6f6;color:#888;font-size:20px;text-align:center;line-height:50px;width:50%;border-left:1px solid #ddd;box-sizing:border-box;}

.tabmenu01 a:first-child {border-left:0;}
.tabmenu01 a.on {color:#222;background:#fff;}

.sensors_info {overflow:hidden;}
.sensors_info .box01 {float:left;}
.sensors_info .box02 {float:right;}
.sensors_info > div {width:47%;}
.sensors_info > div .tit02 {display:block;margin-bottom:20px;}
.sensors_info > div ul li {margin-top:10px;}
.sensors_info > div ul li:first-child {margin-top:0;}
.sensors_info > div ul li .info {display:none;}
.sensors_info > div ul li > a {display:block;padding-left:15px;background:#ececec url('/img/arrow05.png') no-repeat 95% 50%;color:#222;font-size:15px;line-height:52px;}
.sensors_info > div ul li > a.on {display:block;padding-left:15px;background:#4970ad url('/img/arrow04.png') no-repeat 95% 50%;;color:#fff;font-size:15px;line-height:52px;}
.sensors_info > div ul li dl {padding:20px;}
.sensors_info > div ul li dl dt {color:#222;font-size:15px;font-weight:bold;}
.sensors_info > div ul li dl dt span {display:block;color:#4970ad;font-size:13px;}
.sensors_info > div ul li dl dt span a{color:#4970ad !important;}
.sensors_info > div ul li dl dt span a:hover{text-decoration:underline !important;}
.sensors_info > div ul li dl dd ul li strong {display:inline-block;width:100px;color:#8a7c59;font-size:14px;}
.sensors_info > div ul li dl dd ul{line-height:100%; margin-top:10px;}

/* 기술서비스 */
.page0301 p img {width:100%;}
.page0301 h5 {margin:55px 0 15px;color:#555;font-size:18px;font-weight:normal;}
.page0301 .box01 {position:relative;padding-bottom:60px;border-bottom:1px solid #ddd;}
.page0301 .box01 .txtList {margin-bottom:75px;}
.page0301 .box01 .imgListwrap {margin-top:38px;}
.page0301 .box01 img.ab {position:absolute;top:45px;right:8%;}
.page0301 .box02 {margin-top:35px;}
.page0301 .box02 ul {overflow:hidden;}
.page0301 .box02 ul li {float:left;width:110px;margin-left:30px;text-align:center;}
.page0301 .box02 ul li:first-child {margin-left:0;}

.txtList {margin-bottom:15px;}
.txtList li {padding-left:10px;background:url('/img/bu_04.png') no-repeat 0 10px;line-height:26px;}
.txtList02 {padding-left:10px;}
.txtList02 li {line-height:24px; text-indent:-10px;}
.txtList02.st02 {margin-top:20px;} 
.txtList02.st02 strong {color:#222;}
.txtList03 > li {margin-top:24px; color:#222; font-size:15px; }
.txtList03 > li:first-child {margin-top:0;}
.txtList03 li ul {margin:10px 0 0 20px;}
.txtList03 li ul li {color:#545454; font-size:13px; line-height:24px;}

.imgList {overflow:hidden;margin:-3% 0 0 -2%;}
.imgList li {float:left;width:23%;margin:3% 0 0 2%;box-sizing:border-box;}
.imgList li img {width:100%;}
.imgList li span {display:block;margin-top:12px;text-align:center;}
.imgList.st02 li {float:left;width:48%;margin-left:2%;box-sizing:border-box;}

.page0302 .imgListwrap {margin-top:35px;padding-top:35px;border-top:1px solid #ddd;}
.page0302 .imgListwrap .imgList li {min-height:208px;}
.page0302 h5 {margin:55px 0 15px;color:#555;font-size:18px;font-weight:normal;}
.page0302 p.img70 {width:70%;}
.page0302 img {width:100%;}

.page0303 h5 {margin:55px 0 15px;color:#555;font-size:18px;font-weight:normal;}
.page0303 p.img70 {width:70%;}
.page0303 img {width:100%;}

/* 진동교육안내 */
.page0401 {}
.page0401 .con01 {position:relative;}
.page0401 .con01 p {width:58%;line-height:24px;}
.page0401 .con01 img {position:absolute;top:0;right:10px;width:33%;}
.page0401 .txt_red {margin:20px 0 30px;}
.page0401 .con02 {overflow:hidden;padding:20px 0 55px;margin-bottom:55px;border-bottom:1px solid #ddd;}
.page0401 .con02 > div {float:left;width:33.3%;padding:0 1.5%;vertical-align:top;box-sizing:border-box;}
.page0401 .con02 > div span {display:block;height:45px;margin-bottom:15px;color:#325fa4;font-size:16px;font-weight:bold;text-align:center;}
.page0401 .con02 > div span img {margin-right:10px;vertical-align:middle;}
.page0401 .con02 > div span em {color:#222;font-size:14px;}
.page0401 .con02 .box01 {}
.page0401 .con02 .box02 {}
.page0401 .con02 .box03 span {text-align:center;}
.page0401 .con02 .box03 img {display:block;width:100%;border:1px solid #999;}
.page0401 .con02  dl dt {border:1px solid #999;}
.page0401 .con02  dl dt img {display:block;width:100%;}
.page0401 .con02  dl dd {margin-top:10px;text-align:center;}
.page0401 .imgList.st06 li {float:left;width:15.6%;margin-left:1%;border:1px solid #999;box-sizing:border-box;}
.page0401 .con03 {overflow:hidden;}
.page0401 .con03 > div {float:left;width:24%;margin-left:4%;box-sizing:border-box;text-align:center;}
.page0401 .con03 > div img {display:block;width:100%;margin-bottom:15px;border:1px solid #ddd;}
.page0401 .con03 .box01 {margin-left:0;}
.page0401 .con03 .box02 dl:first-child {margin-bottom:6%;}
.page0401 .con03 .box03 {width:40%;text-align:left;}
.page0401 .con03 .box03 strong {color:#222;font-size:20px;font-weight:normal;line-height:26px;}
.page0401 .con03 .box03 ul {margin-top:30px;}
.page0401 .con03 .box03 ul li {line-height:24px;}
.page0401 .view_area {margin-bottom:50px;}
.page0401 .view_area dt {margin-bottom:20px;}
.page0401 .view_area dd p.txt {line-height:24px;}
.page0401 dd.tab02 .table_style01 {width:83%;}
.page0401 dd.tab02 .table_style01.st02 {width:52%;}
.page0401 dd.tab02 .table_style01.st02 thead th {font-size:14px;}
.page0401 .table_style01.st02 th {font-size:14px;}
.page0401 .table_style01 table tbody th {background:#f9f3e9;}
.page0401 .table_style01 table tbody td {padding:2%; text-align:left;}
.page0401 .con04 {overflow:hidden;}
.page0401 .con04 img {border:1px solid #ddd;}
.page0401 .con04 ul {margin-left:20px;}
.page0401 .con04 ul li strong {color:#222;}
.page0401 .img01 {padding:3%; border:1px solid #ddd;}




.downList li:before {content:'ㆍ';padding-left:10px;}
.downList li {font-size:15px;line-height:30px;}
.downList li a {color:#325fa4;font-size:15px;}
.downList li a:hover {border-bottom:1px solid #325fa4;}

/* 교육일정 */
.page0402 .tit02 {display:block;margin-top:25px; }
.page0402 .tit02 div{margin-top:10px;}
.page0402 .tit02 .tit_tx span{font-size:15px; display:block; padding-left:12px;}
.page0402 .tit02 .tit_tx span.tit_point0{margin:3px 0 ;font-weight:bold; color:#c10000 !important;}



/* 교육신청 */
.page0403 .mapWarp {margin-bottom:50px;}
.page0403 .mapWarp ul li {display:inline-block;padding-left:20px;margin:10px 25px 0 0;color:#222;}
.page0403 .mapWarp ul li:first-child {display:block;margin-top:0;font-size:18px;}
.page0403 .mapWarp ul li.list01 {background:url('/img/ico_map03.png') no-repeat 0 3px;}
.page0403 .mapWarp ul li.list02 {background:url('/img/ico_phone05.png') no-repeat 0 0;}
.page0403 .mapWarp ul li.list03 {background:url('/img/ico_phone06.png') no-repeat 0 3px;}
.page0403 .mapWarp ul li.list04 {background:url('/img/ico_mail03.png') no-repeat 0 3px;}

.page0403 .table_style01 td {padding:2%;text-align:left;line-height:30px;}
.page0403 .table_style01 td label {display:block;}
.page0403 .table_style01 td.td_st01 {color:#222;}
.page0403 .table_style01 td.td_st01 span {color:#888;	}
.page0403 .table_style01.st02 {border-top:1px solid #ddd;} 
.page0403 .table_style01.st02 table {border-top:0 !important;}
.page0403 .table_style01 td.tblbox01 {overflow:hidden;padding:0;}
.page0403 .table_style01 td.tblbox01 .box01 {float:left;width:46%;padding:2%;}
.page0403 .table_style01 td.tblbox01 .box02 {float:left;padding:2%; border-left:1px solid #ddd;}

.page0403 .table_style01.st03 {border-top:1px solid #ddd;} 
.page0403 .table_style01.st03 table {border-top:0 !important;}
.page0403 .table_style01.st03 table td {padding:1%;height:60px;box-sizing:border-box;}
.page0403 .table_style01.st03 table td input[type=text] {width:100%;}
.page0403 .table_style01.st03 table td span {margin-right:30px;}

.page0403 .btnArea {margin-bottom:-60px;text-align:right;}
.page0403 .btnArea a {display:inline-block;width:220px;height:50px;margin-left:5px;color:#fff;line-height:50px;text-align:center;}
.page0403 .btnarea02 {overflow:hidden;margin-top:25px;}
.page0403 .btnarea02 span {float:left;}
.page0403 .btnarea02 a {float:right;display:block;width:220px;height:50px;line-height:50px;text-align:center;}

.page0403 .titBox {overflow:hidden;}
.page0403 .titBox h4 {float:left;}
.page0403 .titBox span {float:right;margin-top:45px;}

.yg_cont {height:200px;margin-top:20px;border:solid 1px #ddd;padding:10px 15px;margin-bottom:5px;overflow-y:auto;}
.yg_cont h3 {font-size:18px;}
.yg_cont_ok {margin-top:10px;text-align:right;}

.infoWrite02 {border:;}
.infoWrite02 dl {overflow:hidden;border-top:1px solid #ddd;}
.infoWrite02 dl dt {float:left;width:20%;height:60px;background:#fdfbf8;border-right:1px solid #ddd;font-size:17px;line-height:60px;text-align:center;box-sizing:border-box;}
.infoWrite02 dl dt span {color:#c10000;}
.infoWrite02 dl dd {float:left;width:80%;padding:2px;box-sizing:border-box;}
.infoWrite02 dl dd input {width:100%;height:55px;}
.infoWrite02 .infoWrite {border:1px solid #ddd;border-top:0;}
.infoWrite02 a {display:inline-block;width:220px;margin-top:25px;background-position:70% 50%;height:50px;line-height:50px;text-align:center;}

/* 게시판 */
.bbs_srch {overflow:hidden;height:70px;margin-bottom:35px;border:1px solid #ddd;box-sizing:border-box;}
.bbs_srch input{float:left;width:85%;height:70px;line-height:70px;font-size:20px;border:0;}
.bbs_srch a {display:inline-block;float:right;width:15%;height:70px;line-height:70px;border-left:1px solid #ddd;text-align:center;color:#222;font-size:20px;box-sizing:border-box;}

.boardTable_list {margin-top:20px;border-top:1px solid #ddd;}
.boardTable_list tr.bg {background:#f8f8f8;}
.boardTable_list td {height:60px; padding:10px 0;position:relative;border-bottom:1px solid #ddd;line-height:60px;text-align:center;box-sizing:border-box;}
.boardTable_list td:first-child {font-size:15px;}
.boardTable_list td a {display:inline-block;font-size:15px;max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.boardTable_list td p {display:inline-block;font-size:15px;max-width:75%;overflow:hidden;color:#222;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.boardTable_list td a:hover {color:#325fa4;text-decoration:underline;}
.boardTable_list td strong {margin-right:15px;color:#9b8b64;font-size:15px;}
.boardTable_list td span {position:absolute;top:0;right:15px;}
.boardTable_list td span em {margin-left:10px;}

.paging{position:relative;margin-top:45px;text-align:center;}
.paging>*{vertical-align:top;}
.paging_first{position:absolute;top:5px;left:0;display:inline-block;width:13px;height:19px;background:url(../img/page_first.png) no-repeat 0 0;font-size:0 !important;line-height:0 !important;}
.paging_last{position:absolute;top:5px;right:0;display:inline-block;width:13px;height:19px;background:url(../img/page_last.png) no-repeat 0 0;font-size:0 !important;line-height:0 !important;}
.paging_num{display:inline-block;height:29px;padding:0 15px;line-height:29px !important;font-size:15px;}
.paging .on{color:#325fa4;font-weight:bold;}

.bbs_view {position:relative;overflow:hidden;}
.bbs_view h4.bbs_tit {position:absolute;top:0;left:0;width:68%;color:#222;font-size:20px;font-weight:normal;line-height:24px;}
.bbs_view h4.bbs_tit strong {display:block;color:#9b8b64;font-size:15px;}
.bbs_view .bbs_cont {float:left;width:70%;padding:0 20px 30px 0;padding-top:90px;box-sizing:border-box;border-right:1px solid #ddd;}
.bbs_view .bbs_cont .edit_view img {max-width:768px;}
.bbs_view .bbs_info {float:right;width:30%;padding-left:3%;box-sizing:border-box;background:url('/img/bu_02.png') no-repeat 0 0;}
.bbs_view .bbs_info table {width:100%;}
.bbs_view .bbs_info table th {padding-bottom:15px;color:#8a7c59;font-weight:bold;text-align:left;}
.bbs_view .bbs_info table td {padding-bottom:15px;}
.bbs_view .bbs_info table td a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.bbs_view .bbs_info table td ul li a:before {content:'ㆍ'}
.bbs_view .bbs_info table td ul li a:hover {color:#325fa4;text-decoration:underline;}
.bbs_view .btn_blue {position:absolute;bottom:5%;left:72%;display:block;width:285px;height:50px;color:#fff;line-height:50px;text-align:center;}


/* 공통 */
.edit_view {min-height:200px;}
.edit_view img {max-width:100%;}
.mobile_version {display:none !important;}
.tit01 {padding-left:19px;margin:40px 0 20px;color:#234f93;font-size:21px;background:url('/img/bu_02.png') no-repeat 0 15%;line-height:21px;}
.tit02 {margin-bottom:10px;color:#222;font-size:18px;font-weight:normal;}
.tit03 {padding-left:19px;margin:40px 0 20px;color:#888;font-size:14px;background:url('/img/bu_02.png') no-repeat 0 15%;line-height:21px;}
.tit03 strong {color:#325fa4;}
.tit04 {margin-bottom:28px; color:#222; font-size:24px; font-weight:bold;}
.tit04 img {margin-right:17px; vertical-align:middle;}
.tit05 {display:block; padding-left:23px; margin:40px 0 25px; color:#222; font-size:18px; background:url('/img/bu_06.png') no-repeat 3px 50%;line-height:21px;}
.tit05 a {color:#327ccf; text-decoration:underline; font-size:18px;}

.txtArea {margin-top:30px;line-height:24px;}
.btn_blue {color:#fff;font-size:16px;border-radius:5px;background:#325fa4 url('/img/arrow03.png') no-repeat 90% 50%;font-family:'Roboto',sans-serif;font-weight:bold;}
.btn_brown {color:#fff;font-size:16px;border-radius:5px;background:#b3a686 url('/img/arrow03.png') no-repeat 90% 50%;font-family:'Roboto',sans-serif;font-weight:bold;}
.txt_red {display:inline-block;color:#c10000;}

.table_style01 {}
.table_style01 table {border-collapse:collapse;border-top:1px solid #dbdbdb;}
.table_style01 table td {border:1px solid #dbdbdb; padding:15px 0; color:#888; text-align:center;}
.table_style01 table thead th {padding:10px 0;}
.table_style01 table th {border:1px solid #dbdbdb; padding:0 0; color:#222; font-size:17px; background:#f4f7fb; text-align:center;}
.table_style01 table tbody th {background:#fdfbf8;font-size:15px;}
.table_style01 table tr:first-child td,.table_style01 table tr:first-child th {border-top:none;}

.view_area dt {display:block;padding-left:20px; margin-bottom:10px; background:#ececec url('/img/arrow05.png') no-repeat 98% 50%;color:#222;font-size:15px;font-weight:bold;line-height:52px; cursor:pointer;}
.view_area dt.on {display:block;padding-left:20px;margin-bottom:10px; background:#4970ad url('/img/arrow04.png') no-repeat 98% 50%;;color:#fff;font-weight:bold;line-height:52px; cursor:pointer;}
.view_area dd {display:none;}

.con_view {margin-top:50px;}
.con_view h3{padding-left:20px;margin-bottom:10px; background:#4970ad url('/img/arrow04.png') no-repeat 98% 50%;;color:#fff; font-size:15px; font-weight:bold;line-height:52px; cursor:pointer;}
.con_view .con_txt {text-align:center;} 
}





@media all and (max-width:976px){
.conbox01 ul li dl dd {/* min-height:190px; */}
}


/*********************** 모바일 화면 **********************/
@media all and (max-width:960px){
{font-size:26px;line-height:1.6em;}



/* 2016-06-09 수정 */
.pro_ex{width:90%; border:1px solid #222; padding:2% 5%; margin-bottom:30px;}


html{}
body{position:relative;overflow-x:hidden;height:100%;}

/* layout,main */
#wrap {padding-top:56px;min-width:320px;max-width:960px;width:100%;}

#headerWarp {position:fixed;top:0;width:100%;background:#fff;z-index:99999;}
#header {height:56px;text-align:right; width:100%}
#header h1 {position:absolute;top:16px;left:16px;}
#header h1 a {display:block;width:84px;height:22px;background:url('/img/logo.png') no-repeat 0 0;background-size:100%;font-size:0;line-height:0;}
#header a.btn_gnb {display:block !important;position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;background:url('/img/btn_gnb.gif') no-repeat;background-size:100%;font-size:0;vertical-align:top;}
#header a.btn_gnb.on {/*float:right;*/position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;background:url('/img/btn_close.gif') no-repeat;background-size:100%;font-size:0;vertical-align:top;text-align:right;}

.gnbWrap {display:block;position:fixed;top:66px;width:100%;height:100%;background:#fff;z-index:9999;}
#gnb {display:block;position:absolute;top:55px;width:100%;background:#fff;z-index:999999;}
#gnb > ul {}
#gnb > ul > li {border-bottom:1px solid #ddd;text-align:center;line-height:60px;}
#gnb > ul > li > a {display:block;padding:0 25px;color:#222;font-size:1.154em;font-weight:bold;line-height:55px;f}
#gnb > ul > li:first-child {}
#gnb > ul > li .sgnb {display:none !important ;}
/* #gnb > ul > li.on > a {color:#005582;}  */

.util {display:none;}
.SearchArea {position:fixed;left:0;top:56px;width:100%;height:62px;padding:12px 5%;background:#f7f7f7;z-index:99;box-sizing:border-box;z-index:99999;}
.SearchArea .SearchBox {position:relative;width:100%;height:40px;border-bottom:1px solid #222;}
.SearchArea .SearchBox input {display:inline-block;width:80%;height:40px;border:1px solid #f7f7f7;background:#f7f7f7;font-size:1.154em;font-weight:normal;}
.SearchArea .SearchBox a {position:absolute;top:10px;right:0;color:#222;font-size:1.154em;}
/* .SearchArea .SearchBox ::-webkit-input-placeholder{color:blue;} 웹킷 전용 속성
.SearchArea .SearchBox textarea:-moz-placeholder, input:-moz-placeholder{color:blue;} */

.m_visualWarp {overflow:hidden;position:relative;width:100%;}
.m_visualWarp .m_visual  {overflow:hidden;position:relative;width:100%;}
.m_visualWarp li {float:left;height:527px;text-align:center;}
.m_visualWarp li p {padding:0 6%;margin-top:230px;color:#fff;font-size:17px;font-family:'Roboto',sans-serif;}
.m_visualWarp li p strong {display:block;margin-bottom:40px;font-size:2em;line-height:1.2em;}
.m_visualWarp li a {display:block;width:235px;margin:80px auto 0;border-radius:4px;background:#fff url('/img/arrow01.png') no-repeat 75% 50%;color:#325ea3;font-size:16px;font-weight:bold;font-family:'Roboto',sans-serif;line-height:49px;text-align:center;}
.m_visualWarp li.list01 {background:url('/img/m_visual01.jpg') no-repeat 50% 0;}
.m_visualWarp li.list02 {background:url('/img/m_visual02.jpg') no-repeat 50% 0;}
.m_visualWarp li.list03 {background:url('/img/m_visual03.jpg') no-repeat 50% 0;}
.m_visualWarp li.list03 p {margin-top:265px;}
.m_visualWarp li.list04 {background:url('/img/m_visual04.jpg') no-repeat 50% 0;}
.m_visualWarp li.list05 {background:url('/img/m_visual05.jpg') no-repeat 50% 0;}


.m_visualWarp .bx-pager {display:none;}
.m_visualWarp .bx-controls-auto {display:none;}
.m_visualWarp .bx-controls-direction a {display:inline-block;position:absolute;top:55%;width:3.5%;height:70px;background-size:100%;font-size:0;z-index:99;}
.m_visualWarp .bx-prev {left:2.5%;background:url('/img/btn_prev.png') no-repeat 0 0;}
.m_visualWarp .bx-next {right:2.5%;background:url('/img/btn_next.png') no-repeat 0 0;}

#m_container {}
.conbox01 {padding:5%;background:#ececec url('/img/bg_con01.jpg') no-repeat 50% 100%;}
.conbox01 ul {overflow:hidden;margin:0 0 -3% -3%;}
.conbox01 ul li {float:left;width:47%;margin:0 0 3% 3%;background:#fff;cursor:pointer;}
.conbox01 ul li dl dt img {width:100%}
.conbox01 ul li dl dd {/* min-height:150px; */padding:8%;font-size:12px;}
.conbox01 ul li dl dd h2 {padding-bottom:10px;margin-bottom:20px;color:#222;font-family:'Roboto',sans-serif;font-size:1.3em;background:url('/img/bg_line02.png') no-repeat 0 100%;}
.conbox01 ul li dl dd strong {color:#325ea3;font-size:1em;font-family:'Roboto',sans-serif;}
.conbox01 ul li dl dd p {margin-top:0;color:#555;white-space:normal;overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word; 
line-height: 1.5em; height: 3em;}
.conbox01 div {overflow:hidden;margin-top:4%; color:#bb131a;font-size:13px;}
.conbox01 div span {font-weight:bold;font-size:15px;}

.conbox02 {width:100%;}
.conbox02 .conbox02_inner > div {width:100%;}
.conbox02 .conbox02_inner > div h2 {color:#fff;font-size:2em;font-family:'Roboto',sans-serif;font-weight:bold;}
.conbox02 .con01 {padding:7% 5%;background:url('/img/bg_con02_m.jpg') no-repeat 0 0;background-size:100% 100%;box-sizing:border-box;box-sizing:border-box;}
.conbox02 .con01 .m_banner {position:relative;width:100%;}
.conbox02 .con01 .m_banner h2 {margin-bottom:18px;text-align:left;}
.conbox02 .con01 .m_banner ul {}
.conbox02 .con01 .m_banner ul li {float:left;color:#fff;}
.conbox02 .con01 .m_banner ul li h3 {;color:#fff;font-size:16px;}
.conbox02 .con01 .m_banner ul li p {margin:20px 0 35px;}
.conbox02 .con01 .m_banner ul li a {display:block;width:24%;min-width:130px;height:49px;border-radius:4px;background:#fff url('/img/arrow01.png') no-repeat 90% 50%;color:#325ea3;font-size:1.2em;font-weight:bold;font-family:'Roboto',sans-serif;line-height:49px;text-align:center;}
.conbox02 .con01 .m_banner .bx-controls-direction {display:none;}
.conbox02 .con01 .m_banner .bx-pager {position:absolute;top:0;right:0;z-index:100; width:100%; text-align:right;}
.conbox02 .con01 .m_banner .bx-pager div {display:inline-block;}
.conbox02 .con01 .m_banner .bx-pager a {display:inline-block;width:11px;height:11px;margin:0 3px;background:#fff;text-indent:-9999px;font-size:0;}
.conbox02 .con01 .m_banner .bx-pager a.active {background:#94c73a}

.conbox02 .conbox02_inner .con02 {position:relative; padding:7% 5%;box-sizing:border-box;}
.conbox02 .conbox02_inner .con02 h2 {color:#000;}
.conbox02 .con02 .tab {display:inline-block;margin:15px 0 20px;border:1px solid #ddd;}
.conbox02 .con02 .tab a {display:inline-block;padding:0 16px;border-left:1px solid #ddd;color:#222;font-size:1.154em;line-height:40px;}
.conbox02 .con02 .tab a:first-child {border-left:0;}
.conbox02 .con02 .tab a.on {color:#fff;background:#b3a686;}
.conbox02 .btn_banner {position:absolute; top:30px; right:5%; display:block; width:157px; height:40px; padding:4px 0 0; text-align:center; color:#fff; font-size:10.5px; background:#345fa4; line-height:16px; box-sizing:border-box;}

.listwrap {position:relative;;width:100%;}
.listwrap p {padding-right:160px;}
.listwrap img {position:absolute;top:0;right:0;width:150px;}

/* .listwrap ul li {position:relative;padding:10px 0 6px 15px;border-bottom:1px solid #ddd;background:url('/img/bu_01.png') no-repeat 6px 50%;}
.listwrap ul li a {display:inline-block;width:100%;padding-right:95px;margin-right:10px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:13px;box-sizing:border-box;}
.listwrap ul li span {position:absolute;top:8px;right:0;color:#888;}
.listwrap ul li:first-child {padding-left:0;background:none;}
.listwrap ul li:first-child strong {display:block;margin-bottom:7px;color:#222;font-size:19px;font-weight:normal;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;}
.listwrap ul li:first-child a {width:95%;padding:0;}
.listwrap ul li:first-child a span {display:block;position:inherit;color:#555;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; 
 line-height: 1.5em; height: 2.8em;} */

#footerWarp {width:100%;padding:7% 0 3%;background:#222;box-sizing:border-box;}
.f_conWarp {padding:0 5% 5%;border-bottom:1px solid #333;}
.f_conWarp .f_con {overflow:hidden;max-width:1150px;margin:0 auto;}
.f_conWarp .f_con h2 {margin-bottom:25px;color:#fff;font-size:24px;font-weight:700;font-family:'Roboto',sans-serif;}
.f_con .sitemap ul {display:none;}
.f_con .info h2 {display:none;}
.f_con .info ul li {float:left;padding-left:19px;margin:10px 20px 0 0;color:#777; box-sizing:border-box;}
.f_con .info ul li:first-child {width:100%;margin-top:0;font-size:12px;}
.f_con .info ul li.list01 {background:url('/img/ico_map.png') no-repeat 0 3px;}
.f_con .info ul li.list02 {background:url('/img/ico_phone.png') no-repeat 0 0;}
.f_con .info ul li.list03 {background:url('/img/ico_phone02.png') no-repeat 0 3px;}
.f_con .info ul li.list04 {background:url('/img/ico_mail.png') no-repeat 0 3px; clear:both;}
#footer {overflow:hidden;max-width:1150px;padding:3% 5% 0;margin:0 auto;}
#footer .copy {color:#a8a8a8;font-family:'Roboto',sans-serif;}
#footer ul {overflow:hidden;margin-bottom:5px;}
#footer ul li {float:left;padding-left:20px;background:url('/img/bg_line01.png') no-repeat 10px 50%;}
#footer ul li:first-child {padding-left:0;background:none;}
#footer ul li a {color:#fff;font-family:'Roboto',sans-serif;font-size:13px;}

/* 서브레이아웃 */
.visual {position:relative;}
.visual h2 {position:absolute;left:5%;bottom:30%;color:#fff;font-family:'Roboto',sans-serif;font-size:4em;line-height:55px;}
.visual img {width:100%;}

#container {}
.lnbWarp {position:relative;}
.lnbWarp h3 {padding:0 5%;color:#222;font-size:1.1em;line-height:50px;background:#ddd url('/img/arrow02.png') no-repeat 95% 50%;background-size:10px;}
.lnb {display:none;position:absolute;top:50px;left:0;width:100%;background:#ececec;z-index:999;}
.lnb ul {}
.lnb ul li {border-top:1px solid #ddd;}
.lnb ul li a {display:block;padding:0 5%;color:#222;font-size:1.1em;line-height:50px;}

.contents {padding:5% 5% 20%;}
.contents.st02 {padding:5% 0 0;}
.contents.st02 h3 {padding:0 5%;}
.contents h3 {font-size:2.7em;color:#222;font-family:'Roboto',sans-serif;font-weight:bold;line-height:35px;}
.contents h3 span {font-size:0.5em;}
.cont {margin-top:5%;}

/* 회사소개 */
.page0101 {padding:0 5% 30%;background:url('/img/img0101.png') no-repeat 100% 100%;background-size:100%;}
.page0101 h4 {padding-bottom:10%;background:url('/img/bg_line06.png') no-repeat 0 100%;color:#234f93;font-size:1.2em;font-weight:normal;}
.page0101 h4 strong {display:block;margin-bottom:10px;font-size:1.2em;font-weight:bold;}
.page0101 span {display:block;margin-top:45px;color:#222;font-size:1.462em;font-weight:bold;}
.page0101 input {position:absolute;top:0;right:30px}

.page0102 h4 {font-size:1.3em;font-weight:normal;}
.page0102 h4 strong {color:#234f93;}
.page0102 .dl_list {margin-top:35px;}
.page0102 dl {margin-top:45px;}
.page0102 dl:first-child {margin-top:0;}
.page0102 dl dt img {width:100%;}
.page0102 dl dd {margin-top:30px;font-size:1.154em;line-height:24px;}
.page0102 dl dd h5 {margin:0 0 10px;color:#234f93;font-size:1.538em;font-weight:normal;}
.page0102 dl dd strong {color:#234f93;}

.page0103 strong {display:block;margin-bottom:15px;color:#222;font-size:1.3em;font-weight:normal;}
.certificationList {overflow:hidden;margin:-4% 0 0 -4%;}
.certificationList li {float:left;width:46%;margin:4% 0 0 4%;border:1px solid #ddd;cursor:pointer;box-sizing:border-box;}
.certificationList li .img {}
.certificationList li .img img {width:100%;}
.certificationList li span {display:block;padding:0 5px;margin-top:1px;border-top:1px solid #ddd;color:#222;font-size:1.154em;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.certificationList li:hover span {color:#325ea3;}
.certification_view h4 {color:#222;font-size:1.538em;text-align:center;font-weight:normal;}
.certification_view .imgBox {width:85%;padding-bottom:1px;margin:20px auto;border:1px solid #ddd;}
.certification_view .imgBox img {width:100%;}
.certification_view .txt {color:#888;text-align:center;line-height:21px;}
.certification_view a.btn_blue {display:block;width:100%;margin:10% 0 0;background-position:60% 50%;line-height:49px;text-align:center;font-weight:bold;}

.mapWarp .map {margin-bottom:40px;}
.mapWarp .root_daum_roughmap {width:100% !important;}
.mapWarp ul li {display:inline-block;padding-left:20px;margin:15px 25px 0 0;color:#222;}
.mapWarp ul li:first-child {display:block;margin-top:0;font-size:18px;}
.mapWarp ul li.list01 {background:url('/img/ico_map02.png') no-repeat 0 3px;}
.mapWarp ul li.list02 {background:url('/img/ico_phone03.png') no-repeat 0 0;}
.mapWarp ul li.list03 {background:url('/img/ico_phone04.png') no-repeat 0 3px;}
.mapWarp ul li.list04 {background:url('/img/ico_mail02.png') no-repeat 0 3px;}

/* 제품 */
.prodlist {}
.prodlist ul {border-top:1px solid #ddd;}
.prodlist ul li {width:100%;padding:2% 3%;border-bottom:1px solid #ddd;box-sizing:border-box;}
.prodlist ul li.bg_mo {background:#f8f8f8;}
.prodlist ul li dl {overflow:hidden;}
.prodlist ul li dl dt {float:left;width:40%;padding-right:5%;box-sizing:border-box}
.prodlist ul li dl dt img {width:100%;border:1px solid #eee;}
.prodlist ul li dl dd {float:left;width:60%;}
.prodlist ul li dl dd span {color:#325fa4;font-size:15px;font-weight:bold;}
.prodlist ul li dl dd p {margin-top:7px;color:#888;font-size:13px;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; 
 line-height: 1.5em; height: 4.5em;}

.prodview {}
.prodview .prodBox01 {padding:0 5%;}
.prodview .prodBox01 h4.prodtit {margin-bottom:10px;color:#325fa4;font-size:1.5em;line-height:1.2em;}
.prodview .prodBox01 img.prodimd {width:100%;height:200px;border:1px solid #ddd;box-sizing:border-box;}
.prodview .prodBox01 p.prodtxt {margin-top:40px;color:#888;line-height:21px;}
.prodview .prodBox02 {position:relative;margin-top:30px;}
.prodview .prodBox02 h5 {padding-left:22px;margin-bottom:20px;color:#234f93;font-size:21px;background:url('/img/bu_02.png') no-repeat 0 50%;}
.prodview .prodBox02 .function {padding:0 5% 5%;}
/* .prodview .prodBox02 .function table {padding-left:10px;}
.prodview .prodBox02 .function table th {padding:0 0 13px 12px;margin-bottom:15px;color:#8a7c59;font-size:15px;background:url('/img/bu_03.png') no-repeat 0 8px;box-sizing:border-box;text-align:left;vertical-align:top;}
.prodview .prodBox02 .function table td {margin-bottom:15px;color:#888;} */
.prodview .prodBox02 .download {padding:5%;height:100%;box-sizing:border-box;background:#ececec;}
.prodview .prodBox02 .download ul {padding-left:10px;}
.prodview .prodBox02 .download ul li {padding-left:10px;margin-top:10px;background:url('/img/bu_03.png') no-repeat 0 5px;}
.prodview .prodBox02 .download ul li:first-child {margin-top:0;}
.prodview .prodBox02 .download ul li a {line-height:12px;}
.prodview .prodBox02 .download ul li a:hover {color:#325fa4;border-bottom:1px solid #325fa4;}
.prodview .btn_blue {display:block;height:50px;margin:5%;line-height:49px;text-align:center;}
.prodview .tabmenu01 {margin:0 5%;margin-top:50px;}
.tabmenu01 {overflow:hidden;border:1px solid #ddd;}
.tabmenu01 a {display:inline-block;background:#f6f6f6;color:#888;font-size:15px;text-align:center;line-height:50px;width:50%;border-left:1px solid #ddd;box-sizing:border-box;}
.tabmenu01 a:first-child {border-left:0;}
.tabmenu01 a.on {color:#222;background:#fff;}

.sensors_info {overflow:hidden;padding:0 5%;}
.sensors_info .box02 {margin-top:20px;}
.sensors_info > div .tit02 {display:block;margin-bottom:15px;font-size:16px;font-weight:bold;}
.sensors_info > div ul li {margin-top:5px;}
.sensors_info > div ul li:first-child {margin-top:0;}
.sensors_info > div ul li .info {display:none;}
.sensors_info > div ul li > a {display:block;padding-left:14px;background:#ececec url('/img/arrow05.png') no-repeat 95% 50%;color:#222;font-size:13px;line-height:40px;}
.sensors_info > div ul li > a.on {display:block;padding-left:14px;background:#4970ad url('/img/arrow04.png') no-repeat 95% 50%;;color:#fff;font-size:13px;line-height:40px;}
.sensors_info > div ul li dl {padding:3%;}
.sensors_info > div ul li dl dt {color:#222;font-size:15px;font-weight:bold;}
.sensors_info > div ul li dl dt span {display:block;color:#4970ad;font-size:13px;}
.sensors_info > div ul li dl dt span a{color:#4970ad !important;}
.sensors_info > div ul li dl dt span a:hover{text-decoration:underline !important;}
.sensors_info > div ul li dl dd ul li strong {display:inline-block;width:100px;color:#8a7c59;font-size:14px;}


/* 기술서비스 */
.page0301 {}
.page0301 img {width:100%;}
.page0301 h5 {margin:40px 0 15px;color:#555;font-size:1.3em;font-weight:normal;}
.page0301 .box02 {margin-top:20px;}
.page0301 .box02 ul {overflow:hidden;}
.page0301 .box02 ul li {float:left;width:16.5%;margin-left:4.2%;text-align:center;line-height:25px;}
.page0301 .box02 ul li:first-child {margin-left:0;}

.txtList {margin-bottom:20px;}
.txtList li {padding-left:10px;font-size:1em;background:url('/img/bu_04.png') no-repeat 0 10px;line-height:24px;}
.txtList02 {padding-left:10px;}
.txtList02 li {line-height:24px; text-indent:-10px;}
.txtList02.st02 {margin-top:20px;} 
.txtList02.st02 strong {color:#222;}
.txtList03 > li {margin-top:24px; color:#222; font-size:15px; }
.txtList03 > li:first-child {margin-top:0;}
.txtList03 li ul {margin:10px 0 0 20px;}
.txtList03 li ul li {color:#545454; font-size:13px; line-height:24px;}

.imgList {overflow:hidden;margin:-3% 0 0 -2%;}
.imgList li {float:left;width:23%;margin:3% 0 0 2%;box-sizing:border-box;}
.imgList li img {display:block;width:100%;}
.imgList li span {display:block;margin-top:12px;text-align:center;}
.imgList.st02 li {width:100%;margin-left:2%;box-sizing:border-box;}
.imgList.st03 li {float:left;width:31.3%;margin-left:2%;box-sizing:border-box;}

.imgListwrap {padding-top:18px;}
.imgListwrap .imgList {margin-left:-4%;}
.imgListwrap .imgList li {width:46%;margin-left:4%;}
.imgListwrap .imgList li span {min-height:40px;}

.page0302 h5 {margin:40px 0 15px;color:#555;font-size:1.3em;font-weight:normal;}
.page0302 img {width:100%;}

.page0303 h5 {margin:40px 0 15px;color:#555;font-size:1.3em;font-weight:normal;}
.page0303 img {width:100%;}

/* 진동교육안내 */
.page0401 {}
.page0401 .con01 {}
.page0401 .con01 p {font-size:1.154em;line-height:24px;}
.page0401 .con01 img {display:block;width:70%;margin:6% auto;}
.page0401 .txt_red {margin:20px 0 30px;}
.page0401 .con02 {overflow:hidden;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #ddd;}
.page0401 .con02 > div {padding:0 1.5%;vertical-align:top;box-sizing:border-box;}
.page0401 .con02 > div span {display:block;min-height:40px;margin-bottom:15px;color:#325fa4;font-size:16px;font-weight:bold;}
.page0401 .con02 > div span img {display:inline-block;width:14%;margin-right:5px;vertical-align:middle;}
.page0401 .con02 > div span em {display:block;margin-left:15%;color:#222;font-size:14px;}
.page0401 .con02 .box01 {float:left;width:50%;}
.page0401 .con02 .box02 {float:left;width:50%;}
.page0401 .con02 .box03:before {content:""; display:block; margin-bottom:30px;clear:both;}
.page0401 .con02 .box03 img {width:46%;margin-left:4%;border:1px solid #999;box-sizing:border-box;}
.page0401 .con02 .box03 span em {display:inline-block;margin-left:0;}
.page0401 .con02  dl dt {border:1px solid #999;}
.page0401 .con02  dl dt img {display:block;width:100%;}
.page0401 .con02  dl dd {margin-top:10px;text-align:center;}
.page0401 .imgList.st06 li {float:left;width:31%;margin-left:2%;border:1px solid #999;box-sizing:border-box;}
.page0401 .con03 {overflow:hidden;}
.page0401 .con03 > div {float:left;width:45%;margin-left:4%;box-sizing:border-box;text-align:center;}
.page0401 .con03 > div img {display:block;width:100%;margin-bottom:4%;border:1px solid #ddd;}
.page0401 .con03 .box01 {margin-left:0;}
.page0401 .con03 .box02 dl:first-child {margin-bottom:6%;}
.page0401 .con03 .box03 {width:100%;margin-top:28px;text-align:left;}
.page0401 .con03 .box03 strong {color:#222;font-size:20px;font-weight:normal;line-height:26px;}
.page0401 .con03 .box03 ul {margin-top:15px;}
.page0401 .con03 .box03 ul li {line-height:24px;}

.page0401 .view_area {margin-bottom:30px;}
.page0401 .view_area dt {margin-bottom:20px;}
.page0401 .view_area dd p.txt {line-height:24px;}
.page0401 .table_style01 table thead th {font-size:12px;}
.page0401 .table_style01 table tbody th {background:#f9f3e9;}
.page0401 .table_style01 table tbody td {padding:2%; text-align:left;}
.page0401 .con04 {overflow:hidden;}
.page0401 .con04 img {border:1px solid #ddd;}
.page0401 .con04 ul {margin-left:20px;}
.page0401 .con04 ul li strong {color:#222;}
.page0401 .img01 {width:100%; padding:3%; border:1px solid #ddd;}
.page0401 .tit04 {position:relative;padding-top:8px;}
.page0401 .tit04.st01 {padding-left:65px;}
.page0401 .tit04.st01 img {width:54px; height:40px;}
.page0401 .tit04.st02 {padding-left:65px;}
.page0401 .tit04.st02 img {width:54px; height:40px;}
.page0401 .tit04.st03 {padding-left:130px;}
.page0401 .tit04.st03 img {width:120px; height:27px;}
.page0401 .tit04 img {position:absolute; top:0; left:0;}



.downList li:before {content:'ㆍ';}
.downList li {margin-top:10px;;font-size:15px;line-height:18px;}
.downList li:first-child {margin-top:0;}
.downList li a {color:#325fa4;font-size:15px;}
.downList li a:hover {border-bottom:1px solid #325fa4;}

/* 교육일정 */
.page0402 .tit02 {display:block;margin:10px 0 5px; font-size:16px;}
.page0402 .tit02 div{margin-top:10px;}
.page0402 .tit02 .tit_tx span{font-size:14px; display:block; padding-left:12px;}
.page0402 .tit02 .tit_tx span.tit_point0{margin:3px 0;font-weight:bold; color:#c10000 !important;}



.page0402 .table_style01 {overflow-x:scroll;margin-bottom:15px;}
.page0402 .table_style01 table {min-width:700px;}

/* 교육신청 */
.page0403 .mapWarp {margin-bottom:20px;}
.page0403 .mapWarp ul li {display:block;padding-left:20px;margin:10px 25px 0 0;color:#222;}
.page0403 .mapWarp ul li:first-child {margin-top:0;font-size:1em;}
.page0403 .mapWarp ul li.list01 {background:url('/img/ico_map03.png') no-repeat 0 3px;}
.page0403 .mapWarp ul li.list02 {background:url('/img/ico_phone05.png') no-repeat 0 0;}
.page0403 .mapWarp ul li.list03 {background:url('/img/ico_phone06.png') no-repeat 0 3px;}
.page0403 .mapWarp ul li.list04 {background:url('/img/ico_mail03.png') no-repeat 0 3px;}

.page0403 .table_style01 td {padding:2%;text-align:left;line-height:19px;}
.page0403 .table_style01 td label {display:block;padding:5px 0;}
.page0403 .table_style01 td.td_st01 {color:#222;line-height:22px;}
.page0403 .table_style01 td.td_st01 span {display:block;color:#888;	}
.page0403 .table_style01.st02 {border-top:1px solid #ddd;} 
.page0403 .table_style01.st02 table {border-top:0 !important;}
.page0403 .table_style01 td.tblbox01 {padding:0;}
.page0403 .table_style01 td.tblbox01 .box01 {padding:2%;}
.page0403 .table_style01 td.tblbox01 .box02 {padding:2%;border-top:1px solid #ddd;}

.page0403 .table_style01.st03 {border-top:1px solid #ddd;} 
.page0403 .table_style01.st03 table {border-top:0 !important;}
.page0403 .table_style01.st03 table td {padding:1%;height:60px;box-sizing:border-box;}
.page0403 .table_style01.st03 table td input {width:100%;}
.page0403 .table_style01.st03 table td span {margin-right:30px;}

.infoWrite {}
.infoWrite dl {position:relative;overflow:hidden;padding:5px 0 0 10px;margin-bottom:7px;border:1px solid #ddd;box-sizing:border-box;}
.infoWrite dl dt {float:left;color:#888;font-size:1.1em;line-height:40px;}
.infoWrite dl dd {position:absolute;top:5px;right:0;width:100%;padding:0 5px 0 70px;box-sizing:border-box;}
.infoWrite dl dd input[type="text"] {width:100%;height:35px;}
.infoWrite dl dd label {line-height:35px;}
.infoWrite div {overflow:hidden;}
.infoWrite div dl:first-child {float:left;}
.infoWrite div dl {float:right;width:49%;}

.infoWrite02 {}
.infoWrite02 div {}
.infoWrite02 div dl {width:100%;}
.infoWrite02 a {display:block;background-position:60% 50%;height:50px;line-height:50px;text-align:center;}

.page0403 .btnArea {text-align:center;}
.page0403 .btnArea a {display:inline-block;width:47%;height:50px;margin-left:5px;font-size:1.2em;color:#fff;line-height:50px;text-align:center;}
.page0403 .btnarea02 {}
.page0403 .btnarea02 span {display:block;margin:20px 0;}
.page0403 .btnarea02 a {display:block;background-position:65% 50%;height:50px;line-height:50px;text-align:center;}

.page0403 .titBox {overflow:hidden;}
.page0403 .titBox h4 {float:left;}
.page0403 .titBox span {float:right;margin-top:45px;}

.yg_cont {height:100px;margin-top:20px;border:solid 1px #ddd;padding:10px 15px;margin-bottom:5px;overflow-y:auto;}
.yg_cont_ok {margin-top:10px;}

/* 게시판 */
.bbs_srch {overflow:hidden;height:35px;margin-bottom:20px;border:1px solid #ddd;box-sizing:border-box;}
.bbs_srch input{float:left;width:70%;height:35px;line-height:35px;font-size:1.3em;border:0;}
.bbs_srch a {display:inline-block;float:right;width:30%;height:35px;line-height:35px;border-left:1px solid #ddd;text-align:center;color:#222;font-size:1.3em;box-sizing:border-box;}

.boardTable_list {margin-top:10px;border-top:1px solid #ddd;}
.boardTable_list tr.bg {background:#f8f8f8;}
.boardTable_list td {border-bottom:1px solid #ddd;text-align:center;height:60px;}
.boardTable_list td:first-child {font-size:1.1em;color:#222;}
.boardTable_list td a {display:inline-block;font-size:15px;max-width:67%;overflow:hidden;color:#222;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.boardTable_list td p {display:inline-block;font-size:15px;max-width:90%;overflow:hidden;color:#222;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.boardTable_list td strong {margin-right:15px;color:#9b8b64;font-size:15px;}
.boardTable_list td span {display:block;}

.paging{position:relative;margin-top:45px;text-align:center;}
.paging>*{vertical-align:top;}
.paging_first{position:absolute;top:5px;left:10px;display:inline-block;width:13px;height:19px;background:url(../img/page_first.png) no-repeat 0 0;font-size:0 !important;line-height:0 !important;}
.paging_last{position:absolute;top:5px;right:10px;display:inline-block;width:13px;height:19px;background:url(../img/page_last.png) no-repeat 0 0;font-size:0 !important;line-height:0 !important;}
.paging_num{display:inline-block;height:29px;padding:0 15px;line-height:29px !important;font-size:15px;}
.paging .on{color:#325fa4;font-weight:bold;}

.bbs_view {position:relative;}
.bbs_view h4.bbs_tit {margin-bottom:15px;color:#222;font-size:1.3em;font-weight:normal;line-height:24px;}
.bbs_view h4.bbs_tit strong {display:block;margin-bottom:5px;color:#9b8b64;font-size:15px;}
.bbs_view .bbs_cont {padding:0 0 30px 0;box-sizing:border-box;}
.bbs_view .bbs_cont .edit_view img {max-width:960px;}
.bbs_view .bbs_info {padding-top:8px;box-sizing:border-box;background:url('/img/bu_05.png') no-repeat 0 0;}
.bbs_view .bbs_info table {width:100%;padding:15px 0 0;margin-bottom:22px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.bbs_view .bbs_info table th {padding-bottom:15px;color:#8a7c59;font-weight:bold;text-align:left;}
.bbs_view .bbs_info table td {padding-bottom:15px;}
.bbs_view .bbs_info table td a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.bbs_view .bbs_info table td ul li a:before {content:'ㆍ'}
.bbs_view .bbs_info table td ul li a:hover {color:#325fa4;text-decoration:underline;}
.bbs_view .btn_blue {display:block;height:50px;color:#fff;background-position:60% 50%;line-height:50px;text-align:center;}

 /* 공통 */
.edit_view img {max-width:100%;}

.pc_version {display:none !important;}
.tit01 {padding-left:19px;margin:30px 0 20px;color:#234f93;font-size:1.615em;background:url('/img/bu_02.png') no-repeat 0 15%;line-height:21px;}
.tit02 {margin-bottom:10px;color:#222;font-size:1.1em;font-weight:normal;line-height:18px;}
.tit03 {padding-left:19px;margin:30px 0 20px;color:#888;font-size:14px;background:url('/img/bu_02.png') no-repeat 0 15%;line-height:21px;}
.tit03 strong {color:#325fa4;}
.tit04 {margin-bottom:28px; color:#222; font-size:17px; font-weight:bold;}
.tit04 img {margin-right:17px; vertical-align:middle;}
.tit05 {display:block; padding-left:23px; margin:20px 0 15px; color:#222; font-size:16px; background:url('/img/bu_06.png') no-repeat 3px 5px;line-height:21px;}
.tit05 a {color:#327ccf; text-decoration:underline; font-size:18px;}

.txtArea {margin-top:30px;line-height:24px;}
.btn_blue {color:#fff;font-size:16px;border-radius:5px;background:#325fa4 url('/img/arrow03.png') no-repeat 90% 50%;font-family:'Roboto',sans-serif;font-weight:bold;}
.btn_brown {color:#fff;font-size:16px;border-radius:5px;background:#b3a686 url('/img/arrow03.png') no-repeat 90% 50%;font-family:'Roboto',sans-serif;font-weight:bold;}
.txt_red {display:inline-block;color:#c10000;}

.table_style01 {}
.table_style01 table {width:100%;border-collapse:collapse;border-top:1px solid #dbdbdb;}
.table_style01 table td {border:1px solid #dbdbdb; padding:5px 0; color:#888; text-align:center;}

.table_style01 table thead th {padding:10px 0;}
.table_style01 table th {border:1px solid #dbdbdb; padding:0 0; color:#222; font-size:1.2em; background:#f4f7fb; text-align:center;}
.table_style01 table th img {vertical-align:middle;margin:0 3px;}
.table_style01 table tbody th {height:28px;background:#fdfbf8;font-size:13px;}
.table_style01 table tr:first-child td,.table_style01 table tr:first-child th {border-top:none;}

.view_area dt {display:block;padding-left:20px; margin-bottom:10px; background:#ececec url('/img/arrow05.png') no-repeat 98% 50%;color:#222;font-size:15px;font-weight:bold;line-height:52px; cursor:pointer;}
.view_area dt.on {display:block;padding-left:20px;margin-bottom:10px; background:#4970ad url('/img/arrow04.png') no-repeat 98% 50%;;color:#fff;font-weight:bold;line-height:52px; cursor:pointer;}
.view_area dd {display:none;}
.view_area dd.img100 img{width:100%;}

.con_view {margin-top:50px;}
.con_view h3{padding-left:20px;margin-bottom:10px; background:#4970ad url('/img/arrow04.png') no-repeat 98% 50%;;color:#fff; font-size:15px; font-weight:bold;line-height:52px; cursor:pointer;}
.con_view .con_txt {text-align:center;} 
.con_view .con_txt img{width:100%;}
}


@media all and (max-width:460px){
.page0401 .con02 {}
.page0401 .con02 span img {width:30px !important;}
.page0401 .con02 .box01 {overflow:hidden;width:100%;}
.page0401 .con02 .box01 dl {float:left;width:48%;margin-left:4%;}
.page0401 .con02 .box01 dl:first-child {border:1px solid red;}
.page0401 .con02 .box02 {width:100%;}
.page0401 .con02 .box03 span {min-height:20px;}

.page0403 .btnArea a {display:inline-block;width:47%;height:50px;margin-left:5px;font-size:1em;background-image:none;color:#fff;line-height:50px;text-align:center;}
}


@media all and (max-width:390px){
.prodlist ul li dl dd p {margin-top:7px;color:#888;font-size:13px;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; 
 line-height: 1.5em; height: 3em;}
 .m_visualWarp li p {padding:0 6%;margin-top:230px;color:#fff;font-size:17px;font-family:'Roboto',sans-serif;}
}



@media all and (max-width:355px){
.conbox01 ul li dl dd {min-height:150px;}
}










/*pc,모바일 공통*/
.tabmenu01 a.tab_one {width:100%;}
.img100 {width:100%;}

.edit_view {line-height:160%;}
.edit_view ul {padding-left:40px;}
.edit_view ol {padding-left:40px;}
.edit_view ul li {list-style-type: circle;}
.edit_view ol li {list-style-type: decimal;}
.edit_view table {border-spacing:2px;}
.edit_view table tbody td {padding:0;font-weight:normal;display: table-cell;vertical-align:middle;}
.edit_view tbody td span {padding:0;font-weight:normal;}
.edit_view p {padding:0;margin:0.6em;border-spacing:2px;display:block;}
.edit_view table {white-space: normal;line-height: normal;font-weight: normal;font-size: medium;font-variant: normal;font-style: normal;color: -webkit-text;text-align: start;}
.edit_view strong {font-weight:bold;}
.edit_view em {font-style:italic;}