html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #666; text-decoration: none }

p { margin-top: 0px; margin-bottom: 0px }
td,table { font-size: 14px; color: #666; line-height: 160%; font-family:'Noto Sans KR', sans-serif;}

.select {font-size:13px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#666666; border:1px solid #cccccc; background-color:#ffffff; padding:7px 5px;}
.input {border:0px; font-size:9pt; font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#666; border:1px solid #dfdfdf; background-color:#f7f7f7; padding:5px}
.search_input { font-size:13px; color: #666; font-family:'Montserrat', 'Noto Sans KR', sans-serif; border: #cfcfcf 1px solid; background-color: #ffffff; padding:8px 5px; }


/* 검색결과 */
.search_word{ font-size:1.5rem; font-weight:300; line-height: 140%; padding:30px 20px; letter-spacing:-0.5px; color:#222; text-align:center;  word-break:keep-all; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-bottom:30px;}
.search_word .pointColor{font-weight:500; font-family:"play", "Noto Sans KR", sans-serif; color:#e71f39;}



/* 검색바 */
.bbs_search {border-top:1px solid #999; border-bottom:1px solid #d4d4d4; padding:20px 0px; background-color:#f9f9f9; margin-top:20px}
.bbs_search table {margin:0 auto;}
.bbs_search td {padding-right:3px;}
.bbs_search .search_input{width:94%;}

/* 버튼디자인 */
.btn_b_s {display:inline-block; text-align:center; height:34px; color:#fff; width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top;}
.btn_b_s:hover  {background:#333; border:1px solid #333;}

.cate_con{border:1px solid #ddd; background-color:#f9f9f9; padding:12px 15px;}

/* 탭(카테고리) */
.cate_box {position:relative; overflow:hidden; margin-bottom:40px}
.cate_box ul {position:relative; overflow:hidden;}
.cate_box ul.hide {display:none !important;}
.cate_box li {float:left; width:calc((100% - 36px)/9); margin-right:4px; margin-bottom:2px;}
.cate_box li a {display: block; width:100%; height: 53px; border: 1px solid #ddd; background: #fff; text-align: center; line-height: 53px; font-size:1.0675rem; color: #666; letter-spacing: -0.5pt; transition:all .3s linear;}
.cate_box li a:hover {background-color: #000; color:#fff; border: 1px solid #000; transition:all .3s linear;}

.cate_box li a.linkTop {display: block; width:100%; line-height: 53px; border: 1px solid #d71719; background: #d71719; font-weight:500; position:relative; color:#fff; margin-right:4px;}
.cate_box li:last-child a {margin-right:0;}


/* 리스트 */
.pro_list{position:relative; overflow:hidden}

.pro_in{position:relative; float:left; width:23.5%; margin:0 2% 3% 0;}
.pro_in:nth-child(4n){margin:0 0 3% 0}

.pro_in dl{width:100%; border-radius:0; box-sizing:border-box; overflow:hidden;}
.pro_in dl a{display: block;}
.pro_in dl a dt{position: relative; overflow: hidden; border:1px solid #e1e0d9; }
.pro_in dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear; }
.pro_in dl a dd{padding:20px 5px; box-sizing:border-box; background:#fff; transition:all .3s linear;}
.pro_in dl a dd h4{padding: 0 0 5px; font-size:1.25rem; font-weight:700; letter-spacing:-0.5px; color: #222; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.pro_in dl a dd p{position:relative; width:100%; letter-spacing: 0; font-weight:300; font-size:1rem; line-height:1.4; color:#777; padding-bottom:5px; z-index:1; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.pro_in dl a dd span{position:relative; width:100%; letter-spacing: -0.5px; font-weight: 500; font-size:1rem; line-height:1.4; color:#da2729; padding-bottom:5px; z-index:1;}
.pro_in dl a dd span:before{display:block; content:""; position:absolute; left:50%; transform:translateX(-50%); width:100%; border-bottom:1px solid #da2729; bottom:0; z-index:-1;}

.pro_in dl a:hover dt .hover_area { opacity:1;}
.pro_in dl a dt .hover_area { position:absolute; display:flex; align-items:center; left:0; top:0; width:100%; height:100%; background:#0b579f; opacity:0; padding:20px 20px; box-sizing:border-box; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -o-transition:opacity .3s ease; -ms-transition:opacity .3s ease }
.pro_in dl a dt .hover_area .info_area { display:block; width:100%; }
.pro_in dl a dt .hover_area .info_area table { position:relative; width:100%; border-top:1px solid rgba(255,255,255,0.5);}
.pro_in dl a dt .hover_area .info_area table th { color:#fff; text-align:left; font-size:0.875rem; line-height:1.2; font-weight:400; border-bottom:1px solid rgba(255,255,255,0.5); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.pro_in dl a dt .hover_area .info_area table td { color:rgba(255,255,255,0.7); text-align:left; font-size:0.875rem; line-height:1.2; font-weight:200; padding:7px 0; border-bottom:1px solid rgba(255,255,255,0.5); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}




/* 뷰 */
.pro_view{position:relative; overflow:hidden; margin-bottom:80px; display:flex; flex-wrap:wrap;}

.pro_view .viewImg{position:relative; width:48%; margin-bottom:50px;}
.pro_view .viewImg .certi_icon{position:absolute; left:10px; top:10px; z-index:9}
.pro_view .viewImgNor{position:relative; overflow:hidden;}
.pro_view .viewImgNor .prdimg{width:100%; border:1px solid #ddd; box-sizing:border-box;}
.pro_view .viewImgNor .prdimg img{width:100%; }
.pro_view .imgBtn{text-align:center; padding:15px 0 20px 0;}
.pro_view ul.smallImg{position:relative; overflow:hidden; margin-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro_view ul.smallImg li{position:relative; border:1px solid #ddd; width:24% !important; box-sizing:border-box; background:#ededed url('/html/images/sub/pro_img_blank.jpg') 0 0 no-repeat; background-size:100%;}
.pro_view ul.smallImg li:last-child{margin-right:0}
.pro_view ul.smallImg li img{width:100%; cursor:pointer;}



.pro_view .pro_info{position:relative; width:45%; padding:10px 0 0 7%;}
.pro_view .pro_info .pro_info_tit{position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:20px; }
.pro_view .pro_info .pro_info_tit .pro_info_icon{position:relative; }
.pro_view .pro_info .pro_info_tit .pro_info_icon img{margin-right:20px;}
.pro_view .pro_info .pro_info_tit h4{position:relative; font-size:2.5rem; color:#1d41a6; font-weight:700; line-height:1.4; letter-spacing:-1px;}
.pro_view .pro_info .pro_info_tit h4 span.ko{font-size:1.5rem; font-weight:500; letter-spacing:-0.5pt; line-height:1.4; display:block; color:#666;}
.pro_view .pro_info .shortexp {background:#f5f7fc; padding:30px; line-height:20px; letter-spacing:-0.3pt; font-size:1rem}

.pro_view .pro_info .detail_con ul{ border-top: 1px solid #ddd; padding:0 0;}
.pro_view .pro_info .detail_con ul li{padding:15px 0 15px 170px; box-sizing:border-box; position:relative; list-style:none; border-bottom: 1px solid #ddd;}
.pro_view .pro_info .detail_con ul li:nth-child(2n){background:#f6f6f6;}
.pro_view .pro_info .detail_con ul li p.line1{font-size:1.075rem; line-height:1.4; letter-spacing:-0.25pt; color:rgba(102,102,102,.8); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.pro_view .pro_info .detail_con ul li p.line4{font-size:1.075rem; line-height:1.4; letter-spacing:-0.25pt; color:rgba(102,102,102,.8); display: block;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; word-wrap: break-word; height:80px;}
.pro_view .pro_info .detail_con ul li span{display:block; font-size:1.075rem; font-weight:500; line-height:1.4; color:#222; position: absolute; left:10px; top:15px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.pro_view .pro_info .detail_con ul li p a{color:rgba(102,102,102,.8); text-decoration:underline;}
.pro_view .pro_info .detail_con ul li p a:hover{color:#000; text-decoration:underline;}


.view_data{width:100%; border-collapse:separate; border-spacing:0px; border-bottom:1px solid #ddd; padding-bottom:16px}
.view_data th{width:24%; font-weight:500; color:#444; text-align:left;letter-spacing:-0.5pt; padding:0 0 4px 0;}
.view_data td{ text-align:left; padding:0 0 4px 0;}
.view_data td.shortexp{ color:#777; padding:5px 0 4px 0;}
.view_data td.upfile a:link, .view_data td.upfile a:visited{text-decoration:underline;}
.view_data td.upfile2{font-size:11px; text-align:left; padding:10px 0 0 0; color:#777}

h5.datail_tit{position:relative; margin-bottom:25px;}
h5.datail_tit:after{position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd; content:''; z-index:-1;}
h5.datail_tit span{font-size:2rem; color:#222; line-height:100%; letter-spacing:-0.5px; font-weight:500; background:#fff; z-index:0; padding-right:20px;}

.size_txt{color:#888; font-weight:bold; padding-bottom:10px;}

ul.pro_btn{position:relative; margin-top:40px; width:100%;}
ul.pro_btn:after {content: ""; display: block; clear: both;}
ul.pro_btn li{position:relative; width:calc((100% - 10px)/3); float:left; margin-left:5px;}
ul.pro_btn li:first-child{margin-left:0;}
ul.pro_btn li .listBtn {font-size:0.9375rem; letter-spacing:-0.3pt; width:100%; line-height:60px; box-sizing:border-box; display:inline-block; color:#fff; border:1px solid #1d4ba0; text-align:center !important; background:#1d4ba0; transition:all 0.3s;}
ul.pro_btn li .listBtn:hover{background:#fff; border-color:#1d4ba0; color:#1d4ba0;transition:all 0.3s;}
ul.pro_btn li .downBtn {font-size:0.9735rem; letter-spacing:-0.3pt; width:100%; line-height:60px; background:#127abd; box-sizing:border-box; display:inline-block; color:#fff; border:1px solid #127abd; text-align:left; padding-lefT:16px; text-decoration:none; transition:all 0.3s;}
ul.pro_btn li .downBtn:hover{background-color:#fff; color:#127abd; transition:all 0.3s; border-color:#127abd;}
ul.pro_btn li .onlineBtn {font-size:0.9735rem; letter-spacing:-0.3pt; width:100%; line-height:60px; background:#000; box-sizing:border-box; display:inline-block; color:#fff; border:1px solid #000; text-align:left; padding-lefT:16px; text-decoration:none; transition:all 0.3s;}
ul.pro_btn li .onlineBtn:hover{background-color:#fff; color:#000; transition:all 0.3s; border-color:#000;}
ul.pro_btn li i{position:absolute; right:15px; top:50%; transform:translateY(-50%);}

ul.pro_btn2{position:relative; margin-top:10px; width:100%;}
ul.pro_btn2.m{display: none;}
ul.pro_btn2 li{width:100%;}
ul.pro_btn2 li:first-child{margin-left:0;}
ul.pro_btn2 li .listBtn {font-size:0.9375rem; letter-spacing:-0.3pt; width:100%; line-height:60px; box-sizing:border-box; display:inline-block; color:#000; border:1px solid #1d4ba0; text-align:center !important; background:#fff; transition:all 0.3s;}
ul.pro_btn2 li .listBtn:hover{background:#1d4ba0; border-color:#1d4ba0; color:#fff;transition:all 0.3s;}



.datail_con{}
.datail_con img{max-width:100%; height:auto !important;}

.movie_box {position:relative; margin:0 auto; width:100%; max-width:1000px; box-sizing:border-box; background:#000; padding:10px 10px 25px 10px; border: 2px solid #fff; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.movie_box img {position:relative; max-width:100%; vertical-align:top; margin:0 auto;}
.movie_box > div {position:relative; width:100%; padding-bottom:56.56%; }
.movie_box > div iframe {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}

.image_box {position:relative; margin:0 auto; width:100%; max-width:800px; box-sizing:border-box; border:1px solid #ddd; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.image_box img {width:100%;}


.viewwrap {margin-bottom:20px;}
.viewbox {position:relative; overflow:hidden;}
.viewbox .vb01 {}
.viewbox .vb02 {}
.viewbox h3.view_tit {line-height:100%; margin-bottom:28px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight:600; font-size:30px; color:#000;}
.viewbox .vtxt h4 {font-family: 'Montserrat', sans-serif; font-weight:600; font-size:19px; color:#000; margin-bottom:15px; line-height:100%;}
.viewbox .vtxt p {line-height:160%; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:14px; color:#777;}
.viewbox .one {float:left; width:56%; margin-right:6%; box-sizing:border-box;}
.viewbox .vprd_img {border:1px solid #ddd; text-align:center;}
.viewbox .one .vtxt {margin-top:20px;}

.viewbox .one .vtxt .vtxt01 {}
.viewbox .one .vtxt .vtxt02 {margin-top:20px;}
.viewbox .one .vtxt .vtxt03 {margin-top:20px;}
.viewbox .one .vtxt .vtxt04 {margin-top:20px;}
.viewbox .one .vtxt .vtxt05 {margin-top:20px;}

.viewbox .two {float:right; width:38%;box-sizing:border-box;}
.viewbox .two .road_img {border:1px solid #ddd; border-bottom:0;}
.viewbox .two .vtxt {border-top:1px solid #ddd; background:url('/admin/product2/skin/prdBasic/image/view_bgicon.png') right bottom no-repeat, #f9f9f9}
.viewbox .two .vtxt h4 {}
.viewbox .two .vtxt p {font-size:14px; color:#666; letter-spacing:-0.3pt;}
.viewbox .two .vtxt p img {margin-right:2%}
.viewbox .two .vtxt .subtxt {border-bottom:1px dashed #ddd; padding:20px 28px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.viewbox .two .vtxt .subtxt:nth-child(2) {}
.viewbox .two .vtxt .subtxt:last-child {border-bottom:0;}
/*.viewbox .two .vtxt .subtxt:last-child p {padding-bottom:15px;}*/
.viewbox .two .vtxt .subtxt:last-child p:last-child {padding-bottom:0;}
.viewbox .two ul.btn {position:relative; overflow:hidden; width:100%}
.viewbox .two ul.btn li {float:left;  width:50%;box-sizing:border-box;}
.viewbox .two ul.btn li a {font-family:'Montserrat','Noto Sans KR', sans-serif; font-size:14px;  height:64px; line-height:64px; text-align:center; box-sizing:border-box;}
.viewbox .two ul.btn li.list_btn a {display:block; background-color:#144e94; color:#fff;}
.viewbox .two ul.btn li.list_btn:hover a {background-color:#134682;}
.viewbox .two ul.btn li.print_btn a {display:block; background-color:#fff; color:#144e94; border:1px solid #144e94;}
.viewbox .two ul.btn li.print_btn:hover a {background-color:#f9f9f9;}




/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; margin-bottom:30px;}
.bbs_con th {color:#222; font-weight:500; font-size:1.0625rem; letter-spacing:-0.5px; text-align:center; padding:14px 0; border-bottom:1px solid #ddd; border-top:1px solid #333; background:#f5f5f5;}
.bbs_con td {padding:25px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #e9e9e9; font-size:1.0625rem; letter-spacing:-0.5px; font-weight:400;}
.bbs_con td i{display:inline-block; vertical-align:middle; color:#d71719;}
.bbs_con .news_btn{font-size:1rem; font-weight:500; background:#0b579f; box-sizing: border-box; color:#fff !important; border-radius:50px; line-height:100%; padding:7px 15px; letter-spacing: -0.5pt; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.bbs_con .news_btn:hover{background:#03437f; color:#fff !important; }

.bbs_con .mo_line{display:none}
.bbs_con td img{margin-left:5px}
.bbs_con td.left {text-align:center;}
.bbs_con td .subject{font-weight:600; color:#000;}




/* 대리점 뷰 */
.center_view{position:relative; overflow:hidden; margin-bottom:80px; display:flex; flex-wrap:wrap;}

.center_view .center_info{position:relative; width:100%; padding:10px 0 0 0;}
.center_view .center_info h4{font-size:2.5rem; color:#1d41a6; font-weight:700; line-height:1.4; padding-bottom:20px; letter-spacing:-1px;}
.center_view .center_info h4 span.ko{font-size:1.5rem; font-weight:500; letter-spacing:-0.5pt; line-height:1.4; display:block; padding-bottom:10px; color:#666;}
.center_view .center_info .shortexp {background:#f5f7fc; padding:30px; line-height:20px; letter-spacing:-0.3pt; font-size:1rem}

.center_view .center_info .detail_con ul{ position:relative; display:flex; flex-wrap:wrap; border-top: 1px solid #ddd; padding:0 0;}
.center_view .center_info .detail_con ul li{ position:relative; width:50%; padding:15px 0 15px 170px; box-sizing:border-box; position:relative; list-style:none; border-bottom: 1px solid #ddd;}
.center_view .center_info .detail_con ul li p.line1{font-size:1.075rem; line-height:1.4; letter-spacing:-0.25pt; color:rgba(102,102,102,.8); display: block;}
.center_view .center_info .detail_con ul li p.line4{font-size:1.075rem; line-height:1.4; letter-spacing:-0.25pt; color:rgba(102,102,102,.8); display: block;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; word-wrap: break-word; height:80px;}
.center_view .center_info .detail_con ul li span{display:block; font-size:1.075rem; font-weight:500; line-height:1.4; color:#222; position: absolute; left:10px; top:15px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.center_view .center_info .detail_con ul li p a{color:rgba(102,102,102,.8); text-decoration:underline;}
.center_view .center_info .detail_con ul li p a:hover{color:#000; text-decoration:underline;}


.map_con .map{width:100%; height:450px; border:1px solid #ddd; box-sizing:border-box;}




/*******************************************************************************
	@media 980px~1200px
*******************************************************************************/
@media all and (max-width:1280px){

/* 리스트 */
.pro_in{position:relative; float:left; width:33%; margin:0 0.2% 4% 0;}
.pro_in:nth-child(2n){margin:0 0.2% 4% 0}
.pro_in:nth-child(3n){margin:0 0 4% 0}

/* 뷰 */
.pro_view .viewImg{width:50%;}
.pro_view .pro_info{width:45%; padding:10px 0 0 5%;}


/* 대리점 뷰 */
.center_view .center_info{position:relative; width:100%; padding:10px 0 0 0;}

}

/*******************************************************************************
	@media 768px~980px
*******************************************************************************/
@media all and (max-width:980px){

/* 리스트 */
.pro_in dl a:hover dt .hover_area { opacity:0;}

.pro_view .viewImg{width:80%; margin:0 auto;}
.pro_view .pro_info{width:100%; padding:50px 0 0 0;}

.pro_view .pro_info .pro_info_tit{padding-bottom:15px; }
.pro_view .pro_info .pro_info_tit .pro_info_icon img{width:auto; height:60px; margin-right:15px;}
.pro_view .pro_info .pro_info_tit h4{font-size:2rem;letter-spacing:-0.5px;}
.pro_view .pro_info .pro_info_tit h4 span.ko{font-size:1.125rem; letter-spacing:0;}

ul.pro_btn2.m{display:block;}
ul.pro_btn2.pc{display:none;}





.center_view .center_info{width:100%;}
.center_view .center_info h4{font-size:2rem;letter-spacing:-0.5px;}
.center_view .center_info h4 span.ko{font-size:1.125rem; letter-spacing:0;}

.center_view .center_info .detail_con ul li{width:100%;}
.center_view .center_info .detail_con ul li:nth-child(2n){background:#f6f6f6;}

.map_con .map{height:400px;}

}

/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){

/* 리스트 */
.pro_in{position:relative; float:left; width:49.5%; margin:0 0.5% 4% 0;}
.pro_in:nth-child(3n){margin:0 0.5% 4% 0}
.pro_in:nth-child(2n){margin:0 0 4% 0}



/* 탭(카테고리) */
.cate_box {}
.cate_box ul {width:100%; margin:0 auto; text-align:center;}
.cate_box li {width:calc((100% - 12px)/3);}
.cate_box li a { height:38px; line-height:38px; font-size:1.075rem; margin-bottom:2px;}
.cate_box li a.linkTop {line-height: 38px;}
.cate_box li a strong:nth-child(2n) {margin-right:0px;}

.cate_box ul.center_cate li {width:calc((100% - 28px)/7);}




/*********** List *************/
.bbs_con {border-top:1px solid #333}
.bbs_con th {display:none}
.bbs_con td {padding:15px 0;}
.bbs_con .pc_line{display:none}
.bbs_con .mo_line{display:block; text-align:left;}

.m_notice{background:#e10012; color:#fff; font-size:16px; font-weight:600; line-height:100%; width:40px; padding:4px 0}
.mo_line .list_cate{color:#858585; font-size:16px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
.mo_line .subject, .mo_line .subject a{font-size:16px; font-weight:600; color:#333; letter-spacing:-0.55pt;}
.mo_line .writer {overflow:hidden; clear:both; }
.mo_line .writer li{float:left; display:inline-block; font-size:15px; color:#777; padding:0 6px; vertical-align:middle;}
.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .writer li i{display:inline-block; vertical-align:middle; font-size:20px !important; color:#d71719;}

.mo_line .img{vertical-align:middle; margin:0 0 3px}
.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; font-size:10px; color:#858585; font-weight:400; }
.mo_line .recom{background-size:11px 10px; padding:0 0 0 13px; font-size:PT Sans; font-size:10px; color:#858585;}


.addin{position: relative; overflow: hidden; margin-top:10px}
.addin .news_btn{position: relative; overflow: hidden; display: inline-block; width:100%; text-align:center; padding:8px 0}


.map_con .map{height:350px;}

}


/*******************************************************************************
	@media 480px~640px
*******************************************************************************/
@media all and (max-width:640px){


/* 뷰 */
.pro_view .viewImg{width:100%;}

.view_data{width:100%; padding-bottom:12px}
.view_data th{font-size:13px; width:26%;}
.view_data td{font-size:13px;}

.pro_view .pro_info .pro_info_tit .pro_info_icon img{width:auto; height:50px; margin-right:10px;}
.pro_view .pro_info .pro_info_tit h4{font-size:1.75rem;}
.pro_view .pro_info .pro_info_tit h4 span.ko{font-size:1.25rem;}

.pro_view .pro_info .detail_con ul li{padding:10px 0 10px 120px;}
.pro_view .pro_info .detail_con ul li span{left:5px; top:10px;}

h5.datail_tit{text-align:center;}
h5.datail_tit span{font-size:1.75rem; padding-right:10px; padding-left:10px;}


ul.pro_btn{margin-top:15px;}
ul.pro_btn li .listBtn {font-size:1.075rem; line-height:40px; padding-lefT:10px;}
ul.pro_btn li .downBtn {font-size:1.075rem; line-height:40px; padding-lefT:10px;}
ul.pro_btn li .onlineBtn {font-size:1.075rem; line-height:40px; padding-lefT:10px;}

ul.pro_btn li i{font-size:18px !important; right:10px;}

ul.pro_btn2{margin-top:10px;}
ul.pro_btn2 li .listBtn {font-size:1.075rem; line-height:40px;}




.viewwrap {margin-bottom:25px;}
.viewbox h3.view_tit { margin-bottom:20px; font-size:25px; text-align:center;}
.viewbox .vtxt h4 {font-size:14px; margin-bottom:10px;}
.viewbox .vtxt p {font-size:12px; line-height:150%}
.viewbox .one .vtxt {margin-top:15px;}
.viewbox .one .vtxt .vtxt02 {margin-top:15px;}
.viewbox .one .vtxt .vtxt03 {margin-top:15px;}
.viewbox .two {margin-top:20px;}
.viewbox .two .vtxt {}
.viewbox .two .vtxt p {font-size:12px;}
.viewbox .two .vtxt .subtxt {padding:15px}
.viewbox .two .vtxt .subtxt:last-child p {padding-bottom:8px;}
.viewbox .two ul.btn li {float:none; width:100%}
.viewbox .two ul.btn li.print_btn {display:none;}
.viewbox .two ul.btn li a {font-size:14px;  height:50px; line-height:50px;}



.mo_line .writer li{display:block;padding:0 0;}

.center_view .center_info h4{padding-bottom:10px; text-align:center;}
.center_view .center_info .detail_con ul li{padding:10px 0 10px 80px;}
.center_view .center_info .detail_con ul li span{left:5px; top:10px;}

.map_con .map{height:300px;}

}

/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

.pro_view .pro_info .pro_info_tit .pro_info_icon img{height:40px;}


}