@charset "utf-8";
/* User Custom CSS */

/* 슬라이드 */
#kso-promotion .caption-title,#kso-promotion .caption-cont {color:#fff} /* 캡션 폰트 컬러*/
#kso-promotion .caption-title:after {background-color:#fff} /* 타이틀 아래 라인 컬러 */
.btn-camera {color:#fff;border-color:#fff} /* 버튼 컬러 */
.btn-camera:hover {background-color:#fff} /* 버튼 마우스 오버 시 컬러 */

/* 각 섹션 상하 공간 */
#kso-teaser {padding-top:30px;padding-bottom:30px} /* 1) 티져 */
#kso-latest {padding-top:40px;padding-bottom:40px} /* 2) 섹션 최신글 */
#kso-info {padding-top:60px;padding-bottom:60px} /* 3) 섹션 인포 */
#kso-parallax-1{padding-top:100px;padding-bottom:100px} /* 4) 패럴랙스 1 */
#kso-project {padding-top:50px;padding-bottom:50px} /* 5) 섹션 프로젝트 */
#kso-gallery {padding-top:60px;padding-bottom:60px} /* 6) 섹션 갤러리 */
#kso-textblock {padding-top:40px;padding-bottom:40px} /* 7) 섹션 텍스트블럭 */
#kso-parallax-2 {padding-top:100px;padding-bottom:100px} /* 8) 패럴랙스 2 */
#kso-services {padding-top:60px;padding-bottom:60px} /* 9) 섹션 서비스 */
#kso-post {padding-top:50px;padding-bottom:50px} /* 10) 섹션 포스트 */
#kso-carousel {padding-top:40px;padding-bottom:40px} /* 11) 섹션 클라이언트 */
#kso-footer {padding-top:40px;padding-bottom:60px} /* 12) 푸터(하단) */
#kso-copyright {padding-top:15px;padding-bottom:5px} /* 13) 카피라이트 */

/* 패럴랙스 */
.parallax {color:#4b4b4b} /* 폰트 컬러 */
.title-line-o,
.title-line-o:before{background-color: #0049a4}/* 타이틀 아래 라인 컬러 */

/* 서브 */
.sub-head-title h1 {font-size:36px} /* 서브 탑 제목 폰트 사이즈 */
.sub-head-title {font-size:16px} /* 제목 아래 폰트 사이즈 */

/* 푸터 컬러 셋 */
#kso-footer.light {background-color:#e5e5e5} /* 배경컬러 */
#kso-footer.light h5 {color:#333} /* 제목 컬러 */
#kso-footer.light a {color:#666} /* a 태그 컬러 */
#kso-footer.light .deco-line {border-color:#ccc} /* 제목 아래 라인 컬러 */

#kso-footer.dark {color:#7B8899;background-color:#2E343E} /* 배경컬러 */
#kso-footer.dark,
#kso-footer.dark a {color:#7B8899} /* 폰트 컬러 */
#kso-footer.dark h5 {color:#C3CFD8} /* 제목 컬러 */
#kso-footer.dark .deco-line {border-color:#3E4A5A} /* 제목 아래 라인 컬러 */

#kso-copyright.light {color:#777;background-color:#fff} /* 카피라이트 라이트 */
#kso-copyright.dark {color:#7B8899;background-color:#39414D} /* 카피라이트 다크 */

@media (min-width: 1200px) {  
	#kso-promotion {min-height:600px}  /* 프로모션 영역 최소 사이즈(슬라이드 사용 시 에니메이션 동작을 위한 최소 사이즈 값) */
}
/* 추가할 CSS는 여기에 */

/*문서스킨*/
.article-title {margin-top:0;font-size:22px;font-weight:500;letter-spacing:-1px;color:#00326a}
.title-line{margin:20px 0;width:50px;height:2px;background-color:#333}
.section-block {margin-bottom:50px;overflow: hidden}

.ico-block {padding:20px;background-color:#f8f8f8;-webkit-transition: background-color .3s, -webkit-transform .3s;
transition: background-color .3s, transform .3s;}
.ico-block:hover {background-color:#eee}
.ico-block i {margin-bottom:15px;color:#ccc}
.ico-block p {color:#777}
.ico-block .title-line-b {margin: 20px 0;width: 30px;height: 1px;background-color: #bbb}

.team-infoBlock {position: relative;margin: 50px 0 20px;background: #f1f1f1;padding: 20px;z-index: 2}
.team-infoBlock h3 {margin-top:0;margin-bottom:20px;color:#ad955e}
.team-infoBlock .team-infoImg {position: absolute;background: #f1f1f1;border-radius: 50%;top: -50px;width: 120px;height: 120px;z-index: 2}
.team-infoBlock.left .team-infoImg {left:20px;}
.team-infoBlock.left h3,.team-infoBlock.left p {text-align:right}
.team-infoBlock.right .team-infoImg {right:20px;}
.team-infoImg img {width: 100px;height: 100px;display: block;border-radius: 50%;margin-top: 10px;margin-left: 10px}

.thumbnail.article {border-radius:0}
.thumbnail.article .caption h4 {margin-bottom:20px;color:#666}
.thumbnail.article .caption p {color:#777}

@media (max-width: 767px) {
	.ico-block {margin-bottom:20px}
	.img_logo{position: absolute; }
.img_logo img {max-width:50%;}

}
@media (max-width: 480px) {
	.team-infoBlock h3 {margin-top:50px}
}
/*문서스킨 끝*/



/*디자이너 추가*/
/*메인*/
.t_visual3 {color:#001c77;}
.t_visual3_s {color:#0836ad;}
.ul_dot li {background:url("../../../images/bu_dot.png") left top no-repeat; background-position:0 9px;}
.ul_dot .i {float:left; width:75px; font-weight:600; padding:0 0 0 10px;}
.ul_dot .dot_none {background:none;}
.ul_dot2 {margin:20px 0; padding:0;}
.ul_dot2 li {list-style:none; margin-left:10px; padding-left:20px; background:url("/images/bu_dot.png") left center no-repeat;}
.ul_dot2 .ul_title {margin-bottom:2px; padding-left:20px; font-size:18px; background:url("/images/bullet1.png") left center no-repeat;}
@media (min-width: 1000px) {

.t_blue {color:#2ea0e2;}
.t_grey {color:#606060;}
.t_white {font-size:21px; font-weight:600;}
.t_deepb {font-size:21px; font-weight:600; color:#002c58;}
}
@media (max-width: 1000px) {
.t_blue {color:#2ea0e2;}
.t_grey {color:#2ea0e2;}
.t_white {font-size:21px; font-weight:600;}
.t_deepb {font-size:21px; font-weight:600; color:#fff;}
}
/*서브*/
.left {float:left; margin:10px 20px 10px 10px;}
.right {float:right; margin:10px 20px;}
.right_spec {float:right; margin:10px 10px;}
.sub h2 {  padding-bottom:1px; font-size:23px; color:#05489f;/* background: url("../img/h2_line.png") bottom no-repeat;*/ }
.sub .title_line {clear:both; width:100%; height:2px; margin-bottom:10px; background-color:#eaeaea;}

.sub .title_line .line01 {width:87px; height:2px; background-color:#05489f;}
.sub .title_line .line02 {width:182px; height:2px; background-color:#05489f;}
.sub .title_line .line03 {width:65px; height:2px; background-color:#05489f;}
.sub .title_line .line04 {width:93px; height:2px; background-color:#05489f;}
.sub .title_line .line05 {width:113px; height:2px; background-color:#05489f;}
.sub .title_line .line06 {width:303px; height:2px; background-color:#05489f;}
.sub .title_line .line07 {width:213px; height:2px; background-color:#05489f;}
.sub .title_line .line08 {width:258px; height:2px; background-color:#05489f;}
.sub .title_line .line09 {width:251px; height:2px; background-color:#05489f;}
.sub .title_line .line10 {width:110px; height:2px; background-color:#05489f;}
.sub .title_line .line11 {width:95px; height:2px; background-color:#05489f;}
.sub .title_line .line12 {width:300px; height:2px; background-color:#05489f;}
.sub .title_line .line13 {width:124px; height:2px; background-color:#05489f;}
.sub .title_line .line14 {width:215px; height:2px; background-color:#05489f;}
.sub .title_line .line15 {width:260px; height:2px; background-color:#05489f;}
.sub .title_line .line16 {width:255px; height:2px; background-color:#05489f;}
.sub .title_line .line17 {width:89px; height:2px; background-color:#05489f;}
.sub .title_line .line18 {width:115px; height:2px; background-color:#05489f;}

.sub .title_line .line01_en {width:130px; height:2px; background-color:#05489f;}
.sub .title_line .line02_en {width:70px; height:2px; background-color:#05489f;}
.sub .title_line .line03_en {width:450px; height:2px; background-color:#05489f;}
.sub .title_line .line04_en {width:200px; height:2px; background-color:#05489f;}
.sub .title_line .line05_en {width:110px; height:2px; background-color:#05489f;}
.sub .title_line .line06_en {width:90px; height:2px; background-color:#05489f;}
.sub .title_line .line07_en {width:145px; height:2px; background-color:#05489f;}
.sub .title_line .line08_en {width:160px; height:2px; background-color:#05489f;}
.sub .title_line .line09_en {width:175px; height:2px; background-color:#05489f;}
.sub .title_line .line10_en {width:340px; height:2px; background-color:#05489f;}
.sub .title_line .line11_en {width:350px; height:2px; background-color:#05489f;}
.sub .title_line .line12_en {width:270px; height:2px; background-color:#05489f;}
.sub .title_line .line13_en {width:370px; height:2px; background-color:#05489f;}

.sub .blank {height:60px;}
.sub .blank2 {height:25px;}
.sub .blank3 {height:55px;}
.sub .p_title {clear:both; font-size:21px; font-weight:600; padding-top:30px; margin-bottom:30px; color:#41536a; text-align:center;  background: url("../../../images/bu_title.png") center top no-repeat;}
.sub .p_title_01 {background: url("../../../images/bu_title_01.png") center top no-repeat;}
.sub .p_title_02 {background: url("../../../images/bu_title_02.png") center top no-repeat;}
.sub .p_title_03 {background: url("../../../images/bu_title_03.png") center top no-repeat;}
.sub .p_title_04 {background: url("../../../images/bu_title_04.png") center top no-repeat;}

.sub .p_basic {font-size:15px; color:#5f6e80;} 
.sub .t_border {width:230px; padding:5px 0; margin:0 auto; border:2px solid #1554a6; border-radius:20px; font-size:16px; font-weight:600; color:#05489f; text-align:center;}
.sub .prd_t_box {clear:both; padding:5px 0; margin-top:10px; font-size:16px; font-weight:700; color:#1d3662; text-align:center;  border:2px solid #1d3662; border-radius:20px;}
.sub .prd_t_box2 {clear:both; padding:7px 0; margin-top:4px; font-size:16px; font-weight:600; color:#fff; text-align:center;  background: #1d3662; border-radius:20px;}
.sub .p_sub {clear:both; padding-left:20px; margin:50px 0 15px; font-size:20px; font-weight:600; color:#00459f; background: url("../../../images/bu_sub1.png") left no-repeat;}
.sub .p_sub2 {padding-left:20px; margin:50px 0 15px; font-size:20px; font-weight:600; color:#00459f; background: url("../../../images/bu_sub1.png") left no-repeat;}

.sub .p_content_title {padding-left:20px; margin-left:20px; background: url("../../../images/bu_arrow.png") left no-repeat; font-size:16px; font-weight:600; color:#012f54;}
.sub .p_content_text { margin-left:20px; color:#585f64;}
.sub .t_small {margin-top:10px; font-size:12px; color:#6f6f6f;}
.sub .p_sub_center {margin:20px auto; font-size:22px; font-weight:600; color:#05489f; text-align:center;}
.sub .p_sub_center span {color:#007eb9;}
.sub .p_sub_center2 {margin:20px auto; font-size:26px; font-weight:600; color:#00a9e8; text-align:center;}
.sub .p_sub_center2 span {color:#c40008;}



.sub ul {list-style:none; margin:0; padding:0;}
.sub .number {padding-top:12px; margin-left:30px; font-size:16px; font-weight:600; color:#41536a;}
.sub .number li {margin:5px 0;}
.sub .number01 {height:50px; padding:15px 0 0 50px; color:#009bdb; background: url("../../../images/sub2/number01.png")left no-repeat;}
.sub .number02 {height:50px; padding:15px 0 0 50px; color:#235ca9; background: url("../../../images/sub2/number02.png")left no-repeat;}
.sub .number03 {height:50px; padding:15px 0 0 50px; color:#009bdb; background: url("../../../images/sub2/number03.png")left no-repeat;}
.sub .number04 {height:50px; padding:15px 0 0 50px; color:#235ca9; background: url("../../../images/sub2/number04.png")left no-repeat;}
.sub .number05 {height:50px; padding:15px 0 0 50px; color:#009bdb; background: url("../../../images/sub2/number05.png")left no-repeat;}
@media (max-width: 700px) {
.sub .p_sub2 {clear:both; padding-left:20px; margin:50px 0 15px; font-size:20px; font-weight:600; color:#00459f; background: url("../../../images/bu_sub1.png") left no-repeat;}
.sub .number {clear:both; padding-top:12px; margin-left:5px; font-size:15px; font-weight:600; color:#41536a;}
}

.sub .ul_center {clear:both; max-width:350px; margin:30px auto;}
.sub .ul_center li {font-size:16px; font-weight:600; color:#2d598a; padding:5px; text-align:center;}
.sub .prd_spec {font-size:14px;}
.sub .prd_spec li {padding-left:12px; margin:3px 0; background: url("../../../images/bu_round.png") left top no-repeat; background-position:0 8px;}
.sub .prd_spec_en {font-size:14px;}
.sub .prd_spec_en li {padding-left:12px; margin:3px 0; background: url("../../../images/bu_round.png") left top no-repeat; background-position:0 8px;}

.sub .p_spec{margin:20px 0 15px; padding-top:-1px; padding-left:18px; font-size:16px; font-weight:600; color:#012f54; background: url("../../../images/bu_spbox.png") left no-repeat; /*background: url("../../../images/bu_spec.png") top left no-repeat;*/}

.sub .prd_spec2 {float:left; max-width:500px; padding:5px; margin:10px 5px; font-size:14px;}
.sub .prd_spec2 li {padding-left:20px; margin:3px 0; background: url("../../../images/bu_round.png") left top no-repeat; background-position:0 8px;}
.sub .p_spec2 {clear:both; margin:20px 0 0; padding-top:-1px; padding-left:18px; font-size:16px; font-weight:600; color:#012f54; background: url("../../../images/bu_spbox.png") left no-repeat; /*background: url("../../../images/bu_spec.png") top left no-repeat;*/}
.sub .prd_spec3 {float:left; max-width:550px; width:550px; padding:5px; margin:10px 5px; font-size:13px;}
.sub .prd_spec3 li {padding-left:20px; margin:3px 0; background: url("../../../images/bu_round.png") left top no-repeat; background-position:0 8px;}
.sub .p_spec3 {clear:both; margin:20px 0 0; padding-top:-1px; padding-left:18px; font-size:16px; font-weight:600; color:#012f54; background: url("../../../images/bu_spbox.png") left no-repeat; /*background: url("../../../images/bu_spec.png") top left no-repeat;*/}
@media (min-width: 600px) {
.sub .spec_line4 {height:80px;}
.sub .prd_spec2 li p {float:left; width:120px; font-weight:600; color:#05489f;}
.sub .prd_spec3 li p {float:left; width:200px; font-weight:600; color:#05489f;}
.sub .prd_spec li p {float:left; width:62px; font-weight:600; color:#05489f;}
.sub .prd_spec_en li p {float:left; width:92px; font-weight:600; color:#05489f;}
}
@media (max-width: 600px) {
.sub .spec_line4 {height:auto;}
.sub .prd_spec2 li p {clear:both; width:120px; font-weight:600; color:#05489f;}
.sub .prd_spec3 li p {clear:both; width:200px; font-weight:600; color:#05489f;}
.sub .prd_spec li p {clear:both; width:62px; font-weight:600; color:#05489f;}
.sub .prd_spec_en li p {clear:both; width:92px; font-weight:600; color:#05489f;}
}

.sub .table_style01 {width:100%; border-top:3px solid #1554a6; border-bottom:3px solid #1554a6; }
.sub .table_style01 thead {font-size:15px; font-weight:600; color:#1554a6; text-align:center; background:#eff5fa;}
.sub .table_style01 thead td {padding:9px; border-right:1px solid #1554a6; border-bottom:1px solid #1554a6;}
.sub .table_style01 thead td:last-child {border-right:none;}
.sub .table_style01 tbody td {padding:5px; font-size:13px; color:#5c6b77; text-align:center; border-top:2px solid #1554a6; border-right:1px solid #1554a6;}
.sub .table_style01 tbody td:last-child {border-right:none;}
.sub .table_style01 .table_b {color:#1554a6; font-weight:600;}


/*발전용 및 산업용 버너*/
@media (min-width: 600px) {
.sub .gas_img_box1 {float:left; width:40%; margin:30px 5%;}
.sub .gas_img_box1 img {margin:15px 15px;}
.sub .gas_kind {margin:20px 55px;}
.sub .gas_kind img {margin:0 5px;}
}
@media (max-width: 600px) {
.sub .gas_img_box1 {clear:both; width:95%; margin:30px 5%;}
.sub .gas_img_box1 img {margin:15px;}
.sub .gas_kind {margin:20px 55px;}
.sub .gas_kind img {margin:5px;}
.sub .right {clear:both;}
}
/*주력제품*/
.sub .main_prd_t {max-width:597px; margin:0 auto;}
.sub .main_prd_02 {clear:both; max-width:550px; margin:0 auto;}
.sub .main_prd_02_box {float:left; margin:10px 20px;}
.sub .main_prd_simg {margin:20px 0 30px;}
.sub .main_prd_simg img {margin:0 5px;}

/*화염검출기*/
.sub .flame_box {float:left; max-width:350px; margin:0 40px;}
@media (min-width: 950px) {
.sub .plus {float:left; margin-top:150px;}
}
@media (max-width: 950px) {
.sub .plus {clear:both; width:23px; margin:20px auto; padding-top:20px;}
}

/*광고온계*/
@media (min-width: 600px) {
.sub .light_box {float:left; max-width:330px; margin:20px 45px;}
}
@media (max-width: 600px) {
.sub .light_box {float:left; max-width:430px; margin:20px 0;}
}
.sub .p_s {margin-bottom:10px; font-size:18px; font-weight:600; text-align:center; color:#006bda;}
.sub .p_ss {margin-bottom:10px; font-size:16px; font-weight:600; text-align:center; color:#012448;}
.sub .p_ss span {color:#05489f;}
.sub .arrow {margin:10px 0 15px;}
.sub .arrow li {padding-left:15px; margin:3px 0; font-size:14px; color:#5b5b5b; background: url("../../../images/bu_arrow.png") left no-repeat;}


/*화염모니터링*/
.sub .igniter_box {clear:both; padding:5px; margin:20px 0;}
.sub .igniter_box img {float:left;}
.sub .igniter_img03 img {margin:80px 0;} 
.sub .spec_right {float:left; margin-left:20px;}

.sub .prd_spec2 li .set_p_width
{
	width:170px;
}

.sub .prd_spec3 li .set_p_width2
{
	width:220px;
}

/*인디케이터*/
.sub .p_b {font-size:16px; color:#db0009;}
.sub .p_b span {font-weight:600; color:#5f5f5f;}
.sub .indicator_box {clear:both;}
.sub .indicator_box .indicator_sbox {float:left; max-width:280px; margin:0 50px;}
.sub .indicator_box .indicator_sbox img {}

/*인디케이터및스페셜센서*/
.sub .odm_box {float:left; max-width:550px;}
.sub .odm_sbox {float:left; margin:0 10px; padding-bottom:20px;}
.sub .odm_box2 {float:left; max-width:210px; margin:10px 0 0 10px;}
.sub .odm_stext {margin:20px; font-size:14px; font-weight:600; color:#05489f; text-align:center;}
.sub .odm_tbox {padding:10px 15px; margin:10px; background:#dbe3ed; border-radius:15px;}
.sub .odm_tbox p {margin:5px 0; padding-left:10px; font-size:13px; background: url("../../../images/bu_round.png") left no-repeat; background-position:0 8px;}

/*sub_회사소개*/

.sub h2 .sub_title {padding-left:10px; color:#8b8b8b;}
.sub .intro_title {margin-top:30px; font-size:20px; line-height:37px; color:#012449; font-weight:600; text-align:center;}
.sub .intro_title .big_red {font-size:27px; color:#a01f24;}
.sub .intro_img {max-width:700px; margin:30px auto;}
.sub .intro_img img {margin:0; padding:0;}
.sub .intro_t {width:90%; margin:0 auto; font-size:14px; color:#595959; line-height:23px;}
.sub .sign {width:90%; margin:30px 0px; text-align:right;}
.sub .sign img {margin-left:20px;}

/*sub_회사연혁*/
.sub .history_title {margin:20px 0 0; font-size:18px; font-weight:600; color:#a01f24;}
.sub .history_title .gray {color:#68788e;}
.sub .year_ul {width:100%; margin:10px 0; padding:0;}
.sub .year_ul .year_box {clear:both; margin:0; padding-top:25px; border-top:7px solid #f3f3f3;}
.sub .year_ul .year_box:first-child {border:none;}
.sub .year_ul li {list-style:none; margin:5px 0; padding:0;}
.sub .year_ul .year {float:left; margin:0px 20px; padding-left:26px; padding-top:3px; font-size:36px; color:#05489f; background: url("../img/year_bullet.png") left no-repeat;}
.sub .year_ul .month_ul {width:80%; float:left; margin:0 0 30px 0; font-size:17px; color:#686868;}
.sub .year_ul .month_ul li {padding:6px; /*border-bottom:1px solid #05489f;*/}
.sub .year_ul .month_ul li .month {margin-right:20px; color:#0064cb; font-weight:600;}

/*sub_제품소개*/
.sub .burner_title {clear:both; margin:20px 0 0; font-size:21px; font-weight:600; color:#a01f24;}
.sub .burner_title2 {margin:0; font-size:20px; font-weight:600; color:#68788e;}

/*
.sub .burner_box .prd_img {max-width:350px; margin:20px auto; text-align:center;}

@media (min-width: 600px) {
.sub .burner_box p {width: 320px; padding-bottom:8px; text-align:center; font-size:18px; font-weight:600; color:#05489f; background: url("../img/prd_name_bg.png") bottom no-repeat;}
.sub .burner_box {float:left; max-width:50%; margin:40px 35px 10px;}
}
@media (max-width: 600px) {
.sub .burner_box p {width: 100%px; padding-bottom:8px; text-align:center; font-size:18px; font-weight:500; color:#05489f; background: url("../img/prd_name_bg.png") bottom no-repeat;}
.sub .burner_box {float:left; max-width:90%; margin:40px 5px 10px;}
}
*/

 /*system layout*/
.sub .layout {width:80%; margin:20px auto;}

 /*인증현황*/
@media (min-width: 450px) {
.sub .cer_paper {float:left; width:150px; height:290px; margin:25px;}
.sub .cer_paper img {width:150px; border:6px solid #d9d9d9; border-top:5px solid #a4aeb3;}
.sub .cer_paper p {margin-top:10px; padding-top:7px; text-align:center; font-size:13px; font-weight:600; color:#434343; background:url("../img/cer_t_bg.png") top center no-repeat;}
}
@media (max-width: 450px) {
.sub .cer_paper {clear:both; width:150px; height:280px; margin:25px auto;}
.sub .cer_paper img {width:150px; border:6px solid #d9d9d9; border-top:5px solid #a4aeb3;}
.sub .cer_paper p {width:200px; margin-top:10px; margin-left:-25px; padding-top:7px; text-align:center; font-size:13px; font-weight:600; color:#434343; background:url("../img/cer_t_bg.png") top center no-repeat;}
}
 /*오시는길*/
.sub .map {width:95%; margin:0 auto;}
.sub .adress {margin:20px;}
.sub p {font-size:14px; color:#494949;}

 /*조직도*/
@media (min-width: 600px) {
.sub .org_img {width:88%; margin:0 auto;}
}
@media (max-width: 600px) {
.sub .org_img {display:none;}
.sub .org_img_m {max-width:287px; height:717px; background:url("../../../images/sub1/org_m.png") no-repeat;}
.sub .org_img_m_en {max-width:348px; height:717px; background:url("../../../images/sub1/org_m_en.png") no-repeat;}
.sub .org_img_m_ch {max-width:284px; height:717px; margin:0 auto; background:url("../../../images/sub1/org_m_ch.png") no-repeat;}
}

 /*품질경영*/
.sub .bp {max-width:620px; margin:0 auto;}
.sub .bp img {margin:0 10px 40px;}
.sub .moto {max-width:636px; margin:0 auto;}
.sub .cid {max-width:560px; margin:0 auto 50px;}
.sub .aim {max-width:455px; margin:0 auto;}


/*현장설치사례*/
@media (min-width: 600px) {
.example01 {max-width:600px; height:338px; margin:0 auto; background:url("../../../images/sub3/example_01.jpg") no-repeat; background-size:100%;}
.example01:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_01_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example02 {max-width:600px; height:450px; margin:0 auto; background:url("../../../images/sub3/example_02.jpg") no-repeat; background-size:100%;}
.example02:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_02_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example03 {max-width:600px; height:338px; margin:0 auto; background:url("../../../images/sub3/example_03.jpg") no-repeat; background-size:100%;}
.example03:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_03_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example04 {max-width:600px; height:338px; margin:0 auto; background:url("../../../images/sub3/example_04.jpg") no-repeat; background-size:100%;}
.example04:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_04_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example_t {clear:both; width:60%; padding:5px 0; margin:10px auto; font-size:16px; color:#1d3662; text-align:center;  border:2px solid #1d3662; border-radius:20px;}

.sub3_04_boiler {max-width:400px; height:550px; margin:0 auto; background:url("../../../images/sub3/04/boiler_panel.png") no-repeat; background-size:100%;}
.sub3_04_boiler:hover {max-width:400px; height:550px; margin:0 auto; background:url("../../../images/sub3/04/boiler_panel_mimic.png") no-repeat; background-size:100%;}
}
@media (max-width: 600px) {
.example01 {max-width:600px; height:220px; margin:0 auto; background:url("../../../images/sub3/example_01.jpg") no-repeat; background-size:100%;}
.example01:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_01_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example02 {max-width:600px; height:338px; margin:0 auto; background:url("../../../images/sub3/example_02.jpg") no-repeat; background-size:100%;}
.example02:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_02_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example03 {max-width:600px; height:220px; margin:0 auto; background:url("../../../images/sub3/example_03.jpg") no-repeat; background-size:100%;}
.example03:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_03_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example04 {max-width:600px; height:220px; margin:0 auto; background:url("../../../images/sub3/example_04.jpg") no-repeat; background-size:100%;}
.example04:hover {max-width:600px; margin:0 auto;  background:url("../../../images/sub3/example_04_over.jpg") no-repeat;background-size:100%; transition:3s;}
.example_t {clear:both; width:60%; padding:5px 0; margin:10px auto; font-size:16px; color:#1d3662; text-align:center;  border:2px solid #1d3662; border-radius:20px;}

.sub3_04_boiler {max-width:400px; height:350px; margin:0 auto; background:url("../../../images/sub3/04/boiler_panel.png") no-repeat; background-size:100%;}
.sub3_04_boiler:hover {max-width:400px; height:350px; margin:0 auto; background:url("../../../images/sub3/04/boiler_panel_mimic.png") no-repeat; background-size:100%;}
}
/*디자이너추가 끝*/


#gnb {
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    
}
#gnb > li {
    display: block;
    float: left;
    position: relative;
}
#gnb > li > a {
    display: block;
    letter-spacing: -1px;
    line-height: 36px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

#gnb > li > ul  {

    height: 300px;
    padding: 5px 0 0;
    position: absolute;
    width: 100%;
    z-index: 3;
	margin-left:50px;
}
#gnb > li > ul > li {

    padding-bottom: 8px;
}
#gnb > li > ul > li a {

    color: #666;
    display: block;
    font-size: 13px;
    letter-spacing: -1px;
    min-width: 100px;
    /*white-space: nowrap;*/
}
#gnb > li:hover::after {
    border-bottom: 8px solid;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -8px;
    position: absolute;
}

header #gnb > li > a {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
#gnb > li > a {
	padding-left: 10px;
    padding-right: 10px;
    /*padding-left: 25px;
    padding-right: 25px;*/
}

#gnb li a:hover, #gnb > li.active > a, #gnb > li.active > ul > li.active > a, #gnb > li:hover > a, a:hover, .side-nav a:hover, .side-nav a.on, .social-icon a:hover {
    color: #3ca3da !important;

}

 #gnb > li.active > ul > li.active > a {
/*background: rgba(0, 0, 0, 0) url("../img/icon_check.png") no-repeat scroll left center;*/
    color: #375377;
    /*font-size: 16px;*/
    font-weight: 600;
    /*padding-left: 15px;*/


}

 #gnb > li.active > a{


 }

#gnb > li > ul > li {
    padding-left: 10px;
}
#gnb > li > ul > li {
    padding-bottom: 8px;
}

#gnb > li:hover:after {content:'';display: block;position: absolute;bottom:9px;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid;color:#375377;}
.gnbBg {margin-left: auto;margin-right: auto}
.gnbBg {position:absolute;left:0;width:100%;height: 0; /*background:rgba(255,255,255,.9);*/}
.gnbBg.active {border-top:2px solid #375377;border-bottom:2px solid #375377;background-color:#fff;  top:76px; position:absolute;}

.gnbBg.active .gnbBg-top{margin-left:auto;margin-right:auto}


.pull-right {
    float: right;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}



.arrange_menu_line {
	margin-left:20px;
}

.arrange_menu_line2 {
	margin-left:30px;
}

.adjust_width {
	width:370px;
}

.p_width {
	width:348px;
}


.spec_line4_2 {
	height:40px;
}

.pro_p
{
	text-align:center;
}
.pro_p img
{
    border-radius:20px;
}
.font_italic
{
	font-style: italic;
}

.set_font_color
{
	color:#05489f;
}

.set_font_color2
{
	font-size:16px;
	color:#1712fd;
}

.set_p_margin
{
	margin-bottom:2px;
}