/************************************************
	Main :전시관 타이틀
************************************************/
.gallery_description_3 {font-family: 'NanumSquare', serif; }

 .img-thumbnail:hover {background:#efefef;  transition: background .1s linear, color .1s linear;-moz-transition: background .1s linear, color .1s linear;-webkit-transition: background .1s linear, color .1s linear;-o-transition: background .1s linear, color .1s linear;}


/************************************************
	Main : 온라인상담
************************************************/
.call_box {width:100%; height:130px; background:#677994; margin-top:100px; text-align:center;  font-family: 'NanumSquare', serif;}
.call_box ul{padding:30px 0 0 0; }
.call_box li {display:inline-block; }
.call_box li .mlogo {margin-top:-50px; padding-right:50px;}
.call_box li .name {font-size:2em; color:#e6e6e6;}
.call_box li .num {font-size:2.5em; color:#cadce8; font-weight:bold;}
.call_box li .date {padding:5px; font-size:0.9em; color:#b3c5dc; }

.text_box {clear:both; margin:20px auto; text-align:center;   font-family: 'NanumSquare', serif;}
.text_box .text_la {font-size:1.3em; letter-spacing: -1px; }
.text_box .point1 {color: #215da6;}

.btn_go {display:block; margin:50px auto; text-align:center; padding:8px; width:260px; height:65px; background:#485a75;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -khtml-border-radius:8px; -o-border-radius:8px;  font-family: 'NanumSquare', serif;}
.btn_go span {font-size:1.6em; font-weight:bold; color:#fff;  line-height:50px;}
.btn_go a {display:block; }


@media screen and (max-width:767px){
  .call_box li .mlogo {display:none;}
  .call_box li .name {font-size:1.4em;}
  .call_box li .num {font-size:1.8em;}
  .call_box li .date  font-size:0.5em; }

  .text_box {margin:30px auto;}
  .text_box .text_la {font-size:1em;}
  .btn_go {margin:30px auto;}

}


/************************************************
	SUB :공용부분 - 타이틀, 컨텐츠영역지정
************************************************/
.page-header {padding-bottom:9px;   border-bottom:1px solid #eee;   font-family: 'NanumSquare', serif;}
.page-header h2 {font-size:1.9em;  font-weight:700;  color:#333;  padding-left:25px;  background:url("/views/web/images/bl_tit.png") no-repeat left;   font-family: 'NanumSquare', serif;}

.contents {width:97%;  margin:40px auto;  /*border:1px solid red; */text-align:left; font-family: 'NanumSquare', serif;}
.detail-content {position:relative;  width:100%;  margin:auto; font-family: 'NanumSquare', serif;}
.detail-content:after {display:block;  content:"";  clear:both; }

@media screen and (max-width:1500px){
.quick_box {display:none;  }/*퀵배너 비노출*/
}

/* 최소 767  */
@media screen and (max-width:767px){
.page-header h2 {font-size:1.8em; }
.small, small {display:none;  }
.quick_box {display:none;  }/*퀵배너 비노출*/
}

/************************************************
	SUB01 :인사말
************************************************/
.greeting {position:relative;  background:url('/views/web/images/greeting_img.png') no-repeat right 30px;  }
.greeting h2 {color:#222;  line-height:1.6;  font-size:1.6em;  font-weight:700;   }
.greeting h2 span {color:#23527c; font-size:1.6em; }
.greeting p {margin-top:25px;  text-align:justify;  line-height:1.8;  font-size:1.2em;  }
.greeting p span {color:#1865ad; }
.greeting .name {display:block;  margin-top:50px;  text-align:right; }
.greeting .name strong {position:relative;  top:-5px;  margin-left:5px;  color:#222;  font-size:1em;  font-weight:normal;  vertical-align:middle; }

@media screen and (max-width:992px){
.greeting {background:none; }
}

@media screen and (max-width:767px){
.greeting {background:none; }
.greeting h2 {line-height:1.4;  font-size:1.4em;  font-weight:700; }
.greeting h2 span {font-size:1.3em; }
.greeting .name strong {font-size:1.5em; }
}

/************************************************
	SUB01 :오시는길
************************************************/
.road_info {width:100%; }
.road_info_add {position:relative;  clear:both;  border-top:1px solid #333; border-bottom:1px solid #333;}
.road_info_add li {width:100%; padding:8px 0;  font-size:1.2em;  border-bottom:1px solid #ddd; }
.road_info_add li h5{ font-size:21px; letter-spacing:-1px; font-weight:normal; color:#333; }
.road_info_add li dl {clear:both; width:100%; }
.road_info_add li dl::after {clear:both; display:block; content:""; }
.road_info_add li dt {width:16%; float:left; font-weight:600; padding:0 2%; }
.road_info_add li dd {width:80%; float:right; }
.road_info_add li dd p { font-size:14px; padding-bottom:10px;}
.road_info_add li dd img {margin-left:10px; margin-right:3px; vertical-align:middle; margin-bottom:1px; }

.mat10 {margin-top:10px !important; }
.mat30 {margin-top:30px !important; }
.mat50 {margin-top:50px !important; }


/************************************************
	SUB02 :SIP판넬정보 & SUB03 :제품소개
************************************************/

/* 서브타이틀 */
.SIP_info { width:100%;}
.SIP_info .titleArea {display:block; position:relative; margin-bottom:20px; letter-spacing:-0.6px; font-size:1.6em;  font-weight:bold;}
.SIP_info .titleArea.blt {padding-left:25px; background:url("/views/web/images/bl_stit.png") no-repeat left 8px;}
.SIP_info .titieArea_txt {padding-bottom:60px; font-size:1.2em; letter-spacing:-1px; line-height:1.6em;}

/* SIP판넬 종류 */
.SIP_info_list {border-top:1px dotted #ebebeb;}
.SIP_info_list li {border-bottom:1px solid #ebebeb; overflow:hidden; padding:30px 0;}
.SIP_info_list li:last-child {border-bottom:none;}
.SIP_info_list dl dt {float:left; width:100px; font-size:1.8em;}
.SIP_info_list dl dd {margin-left:130px; font-size:1.1em;}
.SIP_info_list .tit {color:#215da6;}
.SIP_info_list .txt {font-size:20px; letter-spacing:-1px; line-height:1.3em;}
.SIP_info_list .pimg {text-align:center; margin:0 auto;}
.SIP_info_list .pimg img {clear:both; width:100%; max-width:900px; }

/* SIP판넬 제작안내 팁 */
.info_tip {background:#f6f8fa; border-top:2px dotted #005891; border-bottom:2px dotted #005891; padding:20px; text-align: center; }
.info_tip .txt {display:block; font-size:1.6em; font-weight:bold;}
.info_tip .Num {margin:0 auto; width:30%; background:#677994; margin-bottom:20px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -khtml-border-radius:30px; -o-border-radius:30px; font-size:1.2em; color:#fff; font-weight:bold;}

/* 기타 부자재 */
.SIP_side_list {line-height:1.8em;}
.SIP_side_list li {padding:10px 0 0 30px; font-size:1.1em; }
.SIP_side_list .tit {font-size:1.2em; font-weight:bold; padding-left:15px; margin-bottom:5px; background:url("/views/web/images/dot_g.png") no-repeat 2px 7px;}
.SIP_side_list .txt_indent { padding-left:78px; }

/* 배송 및 반품 정보 */
.info_guid {clear:both; overflow: hidden; padding:30px 35px 10px; background:#f5f5f5; margin-top:50px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px;}
.info_guid > div {overflow: hidden; border-top:1px solid #e1e1e1; padding:20px 0;}
.info_guid > div:first-child {border-top:none; padding-top:0px; margin-top:0px;}
.info_guid p {text-align:center; width:150px; padding:10px; font-size:1.6em; background:#566c9a;border-radius:10px; color:#fff; margin-bottom:15px; letter-spacing:-1.5px;font-weight:bold;}
.info_guid span {font-size:1.1em; line-height:1.8em;  text-align:justify; padding-left:15px; background:url("/views/web/images/dot_g.png") no-repeat 3px 7px;}


@media screen and (max-width:767px){
.SIP_info_list dl dt {width:70px;font-size:1.8em;letter-spacing:-1px; }
.SIP_info_list dl dd {margin-left:90px; font-size:1.1em;}
.SIP_info_list .txt {display:none; }
.SIP_side_list .txt_indent {padding-left:0px;}
.info_guid {background:#f5f5f5;}
.info_tip span {display:block; text-align: center; font-size:1.3em; font-weight: bold}
.info_tip .Num {width:85%;}
}