/*=========================================================================================================================
* 프로젝트: 
* 파일명: mian.css  메인 css
* 작업자: 김수연,이수련
* 작업일: 2018. 5 ~ 
=========================================================================================================================*/


@charset "utf-8"; 


/* layout */
#chinese *{font-family: "微软雅黑","Noto Sans KR",sans-serif}

.container{ position:relative;padding:30px 15px; }
.container-full{ position:relative;padding:30px 0; }
.container:after,.container-full:after{content:'';display:block;clear:both }

.gray_bg{background:#ccd1d9}
.blue_bg{background:#1b4692}

.container h3{font-weight:700;font-size:20px;color:#444a54;position:relative;letter-spacing:-0.08em}
.container h3:after{position:absolute;top:-3px;left:0;width:20px;height:3px;background:#1b4692;display:block;content:''}

.header_lang { border-top:10px solid #1a4692; height:auto!important; }
.header_lang h1 a { background: url(/images/site/mobile/m_language/m_logo_eng.png) center center no-repeat!important; background-size:95%!important; left:48%!important; }
/*-------------------------
메인 배경 
-------------------------*/
/* .bg_wrap { width:100%; height:231px; background:url(/images/site/mobile/m_language/m_main_bg.jpg) center top no-repeat; background-size:cover; text-align:center; padding:45px 0; } */
.bg_wrap p { font-size:0.813em; color:#fff; line-height:15px;  }
.bg_wrap p:before { content:''; width:50px; height:3px; background:#fff; display:block; margin:15px auto;  }

/*-------------------------
새소식 공지사항 언론보도 입찰정보 l
-------------------------*/

.board_area{height:150px;}
.board_area > li {float:left; width:43%; height:40px; line-height:38px;text-align:center; color:#000; border:1px solid #cad2df;margin-left:-1px}
.board_area > li > a{display:block; width:100%; font-size:0.875em; color:#000; text-align:center;font-weight:500}
#chinese .board_area > li > a { font-weight:bold; }
.board_area > li > a:hover,
.board_area > li > a.open{ background:#1b4692;   color:#fff;}
.board_content{display:none;width:100%;position:absolute;top:70px;left:0;padding:0 15px }
.board_area li:first-child .board_content{display:block;}
.board_content a.more{display:block;position:absolute;right:15px;top:-39px ;width:40px;height:40px; background-position:-108px 0;}
.board_area li .board_content ul{margin-top:15px; overflow:hidden;}
.board_area li .board_content ul li{background:url(/images/site/mobile/dot_blue.png) 0 10px no-repeat;background-size:4px; padding-left:10px;margin-bottom:5px}
.board_area li .board_content ul li a{display:block;font-size:0.875em;font-weight:300; position:relative; color:#000; text-align:left; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  word-wrap: normal !important;}
.board_area li .board_content ul li a { font-weight:500; }


/*-------------------------
문의
-------------------------*/
.inquiry{overflow:hidden; }
.inquiry li{float:left;width:48%;background:url(/images/site/mobile/m_language/m_vedio_ic.png) 90% center no-repeat #fff;background-size:38px 37px;border-radius:5px;padding:10px;box-shadow: 0 2px 2px rgba(213, 213, 213, 1)  ;   ; margin-bottom:2px}
.inquiry li:last-child{float:right;background:url(/images/site/mobile/m_language/m_center_ic.png) 90% center no-repeat #fff;background-size:38px 40px;}
.inquiry li a{display:block;width:100%;margin:0 auto;font-size:0.875em;font-weight:700;color:#444a54;letter-spacing:-0.08em}
.inquiry li a p{font-size:0.806rem;font-weight:300;margin-top:7px; color:#7d848e; }

#chinese .inquiry li { background-size:36px 35px; }
#chinese .inquiry li a p {  font-size:0.750em; font-weight:500; letter-spacing:-0.05em; }
#chinese .inquiry li:last-child { background-position:95% center; background-size:34px 36px; }

/* 배너 */
.m_banner { width:100%; height:76px; background:#dcf2fb; text-align:center; }
.m_banner a { width:100%; height:100%; display:block; }

/*-------------------------
팝업존
-------------------------*/
.popup_slider{ position:relative; }
.slider>a.more{display:block;position:absolute;right:15px;top:20px ;width:40px;height:40px; background-position:-108px 0;}
.popup_slider li {border:1px solid #cad2df}
.popup_slider li a p{font-size:0.875em;font-weight:500;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;line-height: 1.3;height: 3.3em;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;padding:10px;color:#444a54}
.popup_slider li a span{font-size:0.750em;font-weight:500;color:#8d949f;padding:10px;display:inline-block}
.popup_slider .popup_area { position:relative; }
.popup_slider .popup_area div { position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.5); }

.slider .bx-wrapper .bx-pager {text-align:center;position:relative}
.slider .bx-wrapper .bx-pager-item{display:inline-block}
.slider .bx-wrapper .bx-pager.bx-default-pager a{text-indent: -9999px; display: block;    background: none;   border: 2px solid #828282;   width: 13px;  height: 13px;  border-radius: 50%;   margin: 0 2px;}
.slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#059edb; border: 1px solid #059edb;}
.slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0!important}

/* site banner*/
.sitebnr-Area {overflow:hidden; padding:15px; }
.sitebnr-Area ft_bn { margin:0 auto; overflow:hidden; display:block; }
.sitebnr-Area ft_bn li { width:32%; height:36px; float:left; background-color:#fff; text-align:center; }
.sitebnr-Area ft_bn li a { display:block; width:100%; height:100%; }
.sitebnr-Area ft_bn li:nth-child(2) { margin:0 2%; }

/* footer */
.m_eng_copy address { font-size:0.563em!important; }
#chinese .m_eng_copy address { font-size:0.688em!important; }

/*-------------------------
language 메뉴
-------------------------*/
/* header box */
.m_header_lang { height:55px!important;  }
.m_header_lang:after { content:""; display:block; clear:both; }
.m_header_lang .global { border-bottom:none; padding:10px; }
.m_header_lang .global a { margin-top:2px; }
.m_header_lang .global:after { content:""; display:block; clear:both; }

/* menu */
.gnb_wrap_eng { margin-top:55px; }

.gnb_wrap_eng .gnb_m>li:nth-child(2) p span { line-height:25px; padding-top:25px; }
.gnb_wrap_eng .gnb_m>li:nth-child(3) p span { line-height:100px; padding-top:0; }

.gnb_wrap_eng .snb_m>li .dpt2 .dpt_sm li a { line-height:25px!important; padding:10px!important;}

#chinese .gnb_wrap .gnb_m>li p { font-weight:bold; }
#chinese .snb_wrap .snb_m>li .dpt_n a { font-weight:bold; }

#chinese .gnb_wrap_eng .gnb_m>li:nth-child(2) p span { line-height:100px; padding-top:0; }
#chinese .gnb_wrap_eng .gnb_m>li:nth-child(3) p span { line-height:100px; padding-top:0; }
#chinese .snb_wrap .snb_m>li .dpt2 .dpt_sm li a { font-weight:500; }


/*___________________________________

20200529 메인 리뉴얼
____________________________________*/

.bg_wrap { width:100%; height:231px; background:url(/images/site/language/m_main_bg_2020.png) center top no-repeat; background-size:cover; text-align:center;  position:relative; }
.bg_wrap .bg_inner { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); padding:45px 0; }


/* maincont01 */

.maincont01 { background:#fff; }
.maincont01 .container { padding:20px 20px; }
.maincont01 ul { overflow:hidden; }
.maincont01 ul:after { content:''; display:block; clear:both; }
.maincont01 ul li {  width:100%;   }
.maincont01 ul li a { display:block; min-height:225px; color:#444a54; cursor:pointer; border-bottom:1px solid #e1e2e4; padding:30px 0px; }
.maincont01 ul li:last-child { border-right:none; }
.maincont01 ul li h3 { font-size:1.563em; letter-spacing:-0.025em; line-height:25px; margin-bottom:20px; } 
.maincont01 ul li h3 span { font-size:0.640em; display:block; letter-spacing:-0.025em; font-weight:300; }
.maincont01 ul li p { font-size:0.875em; letter-spacing:-0.025em; line-height:130%; }
.maincont01 ul li a:after { content:''; display:block; padding:30px; float:right;background:#FFF url('/images/site/language/lang_ic.png') 0 top no-repeat; background-size:350px; }
.maincont01 ul li.menu_list01 a:after { background-position:0 top; padding:30px 42px; margin-top:8px; }
.maincont01 ul li.menu_list02 a:after { background-position:-100px top; padding:30px 35px; }
.maincont01 ul li.menu_list03 a:after { background-position:-190px top; padding:35px 30px; margin-top:10px; }
.maincont01 ul li.menu_list04 a:after { background-position:-280px top; padding:30px 35px;}

/* maincont02 */

.maincont02 { text-align:center;  }
.maincont02 .container { padding:20px 20px 40px; }
.maincont02 h2 { font-size:1.875em; margin-bottom:35px; letter-spacing:-0.025em; }
.maincont02 .business_wrap { position:relative; }
.maincont02 .business_slide { text-align:left; }
.maincont02 .business_slide li { border:1px solid rgba(194,202,219,0.22); }
.maincont02 .business_slide li a { display:inline-block; background:#fff; }
.maincont02 .business_slide li a:hover h3 { color:#295cb6; }
.maincont02 .business_slide li a:before { box-shadow: 0 4px 0 #295cb6 inset; content:''; display:block; height:4px; width:90%; margin:0 auto; }
.maincont02 .business_slide li a:hover:before { box-shadow: 0 4px 0 #31bde8 inset;  transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.maincont02 .business_slide li a h3 { font-size: 0.875em; font-weight:500; height:100px; letter-spacing:-0.05em; line-height:120%; color:#000; padding:15px 15px 0;  transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.maincont02 .business_slide li a h3:after { display:none; }
.maincont02 .bx-wrapper { margin:0 auto; }
/* .maincont02 .business_wrap .bx-wrapper .bx-controls-direction .bx-prev { width:20px; height:48px; left:-40px;top:90px; margin-top:0;background:url('/images/site/language/lang_ic.png') 0 -50px no-repeat; background-size:300px; }
.maincont02 .business_wrap .bx-wrapper .bx-controls-direction .bx-next { width:20px; height:48px; right:-40px;top:90px; margin-top:0; background:url('/images/site/language/lang_ic.png') -20px -50px no-repeat; background-size:300px; }
 */
.maincont02 .business_wrap .bx-wrapper .bx-pager {text-align:center;position:relative; margin-top:10px;}
.maincont02 .business_wrap .bx-wrapper .bx-pager.bx-default-pager a{text-indent: -9999px; display: block;    background: none;   border: 2px solid #828282;   width: 13px;  height: 13px;  border-radius: 50%;   margin: 0 2px;}
.maincont02 .business_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background:#059edb; border: 1px solid #059edb;}
.maincont02 .business_wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0!important}

#chinese .maincont01 ul li h3 span { font-weight:normal; }
#chinese .maincont01 ul li p { font-size:1em; word-break: keep-all; }
#chinese .maincont01 ul li.menu_list01 a:after { margin-top:15px; }
#chinese .maincont01 ul li.menu_list02 a:after { margin-top:12px; }
#chinese .maincont01 ul li.menu_list03 a:after { margin-top:0px; }
#chinese .maincont01 ul li.menu_list04 a:after { margin-top:0px; }

#chinese .maincont02 .business_slide li a h3 { height:auto; padding:30px 15px 30px; }