@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/
img{max-width:100%;}

.section {padding:3% 0 5%;}
.section li {float:left; width:30%; margin:2% 5% 2% 0; }
.section li:nth-child(3),.section li:last-child {margin-right:0;}
.section li .tit {font-weight:bold; font-size:125%; padding:6% 0 8%;}
.section li .sec_btn {font-weight:bold; text-decoration:underline; font-size:110%; color:#006bb2;}

.comp_img .bx-wrapper {margin:0 auto !important;}
.comp_img .bx-wrapper .bx-viewport {box-shadow:none !important; border:0 !important; left:0 !important; background:none !important;}
.comp_img .bx-wrapper .bx-controls-direction a {width:37px !important; height:70px !important; top:42% !important;}
.comp_img .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {width:100% !important; text-align:center !important; bottom:20px !important;}
.comp_img .bx-wrapper .bx-default-pager.bx-pager a {width:15px !important; height:15px !important; border-radius:15px !important; background:#bbbbbb !important;}
.comp_img .bx-wrapper .bx-default-pager.bx-pager a:hover,.comp_img .bx-wrapper .bx-default-pager.bx-pager a.active {background:#006bb2 !important;}

/*¼­ºê*/
.sub_img1 {background:url('../img/sub_img1.jpg') no-repeat center; padding:8% 0;}
.sub_img2 {background:url('../img/sub_img2.jpg') no-repeat center; padding:8% 0;}
.sub_img3 {background:url('../img/sub_img3.jpg')  no-repeat center; padding:8% 0;}
.sub_img4 {background:url('../img/sub_img4.jpg')  no-repeat center; padding:8% 0;}
.sub_img5 {background:url('../img/sub_img5.jpg')  no-repeat center; padding:8% 0;}
.sub_title {text-align:center; color:#fff;}
.sub_title h2 {font-size:200%;  font-family:'NanumSquareB'; padding-bottom:1.5%; background:url('../img/bar.gif') no-repeat bottom center;}
.sub_title .sub_p {font-size:125%;  font-family:'NanumMyeongjo'; font-weight:bold; padding-top:1.5%;}

.cont {padding:3% 0 0;}
.sub_tit {font-size:180%; font-family:'NanumSquareB'; text-align:center; color:#006bb2; padding-bottom:3%;}
.bot_5 {padding:5% 0;}
.pad_top_none {padding-top:0;}
.txt_center {text-align:center;}

/*Å×À̺í*/
.left_tbl {}
.left_tbl tr th {padding:1% 0; border-right:1px solid #ddd; background:#fafafa; }
.left_tbl tr td {padding:1% 0 1% 3%; }
.left_tbl tr th,.left_tbl tr td {border-bottom:1px solid #ddd;  word-break:keep-all;}
.left_tbl tr:first-child th,.left_tbl tr:first-child td {border-top:1px solid #006bb2; }

/*ȸ»ç¼Ò°³*/
.company {margin-bottom:2%;}
.company li {float:left; width:50%; text-align:center;}

.expart {padding-top:3%;}
.expart .img {float:left; width:10%;}
.expart .txt {float:left; width:80%;}
.expart .txt dt {color:#006bb2; font-weight:bold; padding-bottom:1%;}
.expart .txt dd {line-height:160%;}

.plan {background:#fafafa; padding:3% 0;}
.plan .plan_tit {font-size:180%; font-family:'NanumMyeongjo'; text-align:center; padding-bottom:3%; line-height:160%;}
.plan .plan_tit .blue {color:#036bb2; font-weight:bold;}
.plan .plan_tit .green {color:#9fbb35; font-weight:bold;}
.slogan {background:#efefef; padding:3% 0;}
.slogan .slogan_box {background:#fff; border:1px solid #666; padding:3% 7%; width:50%; margin:5% 0 5% 25%;}
.slogan .slogan_box li {line-height:160%; color:#666; font-size:112%;}

/*¿¬Çõ*/
.history-wrap {overflow:hidden; position:relative; margin-top:60px;}
.history-wrap:before {display:block; content:''; position:absolute; left:50%; top:8px; bottom:105px; width:1px; background:#333;}
.history-wrap > div {width:50%; margin-bottom:100px; }
.history-wrap .y2015,
.history-wrap .y2013,
.history-wrap .y2011,
.history-wrap .y2008,
.history-wrap .y2001,
.history-wrap .y1989,
.history-wrap .y1986 {float:left; text-align:right;}

.history-wrap .y2016,
.history-wrap .y2014,
.history-wrap .y2012,
.history-wrap .y2009,
.history-wrap .y2007,
.history-wrap .y2000,
.history-wrap .y1987 {float:right;}

.history-wrap .y2015 dl,
.history-wrap .y2013 dl,
.history-wrap .y2011 dl,
.history-wrap .y2008 dl,
.history-wrap .y2001 dl,
.history-wrap .y1989 dl,
.history-wrap .y1986 dl {padding-right:30px;}

.history-wrap .y2016 dl,
.history-wrap .y2014 dl,
.history-wrap .y2012 dl,
.history-wrap .y2009 dl,
.history-wrap .y2007 dl,
.history-wrap .y2000 dl,
.history-wrap .y1987 dl {padding-left:30px;}

.history-wrap .y2015,
.history-wrap .y2014,
.history-wrap .y2011, 
.history-wrap .y2013,
.history-wrap .y2012,
.history-wrap .y2009,
.history-wrap .y2008,
.history-wrap .y2007,
.history-wrap .y2001 {margin-top:100px;}

.history-wrap .y2014 {margin-top:70px;}
.history-wrap .y2000 {margin-top:130px;}

.history-wrap .y2012 .img {padding:3% 5%;}

.history-wrap dt {position:relative; margin-bottom:0px; font-size:24px; font-size:1.5rem; color:#333;}

.history-wrap .y2015 dt span,
.history-wrap .y2013 dt span,
.history-wrap .y2011 dt span,
.history-wrap .y2008 dt span,
.history-wrap .y2001 dt span,
.history-wrap .y1989 dt span,
.history-wrap .y1986 dt span {display:block; position:absolute; right:-38px; top:8px; width:15px; height:15px;}

.history-wrap .y2016 dt span,
.history-wrap .y2014 dt span,
.history-wrap .y2012 dt span,
.history-wrap .y2009 dt span,
.history-wrap .y2007 dt span,
.history-wrap .y2000 dt span,
.history-wrap .y1987 dt span {display:block; position:absolute; left:-37px; top:8px; width:15px; height:15px;}

.history-wrap .y2016.on dt span {left:-39px; top:2px; width:21px; height:21px;}

.history-wrap dd {font-size:18px; font-size:1.125rem; line-height:30px; line-height:1.875rem; color:#333; letter-spacing:-1px;}
.history-wrap dd span {color:#006bb2;}

 #save-widget {
        width: 300px;
        box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
        background-color: white;
        padding: 10px;
        font-family: Roboto, Arial;
        font-size: 13px;
        margin: 15px;
      }

.map_info {padding-top:3%;}
.map_info ul li {border-bottom:1px solid #ddd; padding:2% 0;}
.map_info ul li.top_line {border-top:1px solid #006bb2; }
.map_info ul li .tit {float:left; width:16%; padding-left:4%; border-right:1px solid #ddd;}
.map_info ul li .txt {float:left; width:78%; padding-left:2%;}


/*±â¼úÁ¤º¸*/
.monit_img li {float:left; width:50%; text-align:center; margin-bottom:1.5%;}
.monit_txt li {float:left; width:29%; margin:2%; border:2px solid #006bb2; text-align:center; padding:1% 0;}

.certi {}
.certi li {float:left; width:29%; text-align:center; margin:2%;}
.certi li p {font-size:125%; font-family:'NanumSquareB'}

/*Á¦Ç°¼Ò°³*/
.pro_tab {margin-left:0%;}
.pro_tab select {height:30px; padding-left:0.5%; border:2px solid #848484;}

.pro_main {}
.pro_main li {float:left; width:30%; margin:1% 1.5%; height:270px; text-align:center; }
.pro_main li p {font-weight:bold; padding-top:1%;}

/*»ý»ê/¼³ºñÇöȲ*/
.eqi_img {padding:2% 5%;}
.eqi_img li {float:left; width:29%; margin:2%;}
.eqi_img li p {border:1px solid #ddd;}
.eqi_img li .tit {padding:4% 0; color:#fff; font-size:125%; font-family:'NanumSquareB'}
.eqi_img li .blue {background:#036bb2;}
.eqi_img li .green {background:#9fbb35;}
.eqi_img li .txt {background:#f6f6f6; padding:2% 5%; text-align:left; height:100px; word-break:keep-all; line-height:140%;}

/*°í°´¼¾ÅÍ*/
.mail {width:600px; margin:0 auto; position:relative;}
.mail .mail_send ul li {margin-bottom:10px;}
.mail .mail_send ul li input,.mail .mail_send ul li textarea {width:100%; padding:15px 5px;}
.mail .mail_send ul li textarea {height:280px;}
.mail .send input {background:#fff; padding:2% 6%;}

.search_in {margin-bottom:7%; }
.search_in .form-text {width:87%; border-bottom:1px solid #006bb2; height:2.4rem; border-top:0; border-left:0; border-right:0;}
.search_in .search_btn {padding:1% 4%; background:#006bb2; color:#fff;}
.search_list {}
.search_list ul {}
.search_list ul li {float:left; width:33%; height:auto; overflow:hidden; margin-bottom:3%;}
.search_list ul li p {padding-top:2%; font-family:"NanumSquareB"; }