/*=========================================================================================================================
* 프로젝트: 
* 파일명: menu.css  메뉴 css
* 작업자: 
* 작업일: 2018. 5 ~ 
=========================================================================================================================*/


@charset "utf-8"; 

/* header_wrap */
.header_wrap { width:100%; height:170px; overflow:hidden;  background:url('/images/site/mobile/main_menu_bg.png') center top no-repeat; background-size:cover;  position:fixed; top:0; z-index:9999999; }
.header_wrap .btn-close-slider { float:right; width:32px; height:31px; background:url('/images/site/mobile/menu_close.png') 0 0 no-repeat; text-indent:-9999px; margin-top:10px; }

.header_wrap .global { width:94%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2);  margin:0 auto; padding:10px 20px;  }
.header_wrap .global .En_btn { float:left; border:1px solid #fff; background-color:#1b4692; color:#fff; font-size:14px; padding:5px 10px; margin-right:10px; cursor:pointer; }
.header_wrap .global .Ch_btn { float:left; border:1px solid #fff; background-color:#1b4692; color:#fff; font-size:14px; padding:5px 10px; cursor:pointer; }
.header_wrap .global a { display:block; color:#fff; font-size:14px; }

.header_wrap .header_box { width:94%; overflow:hidden; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 auto; }
.header_wrap .header_box .menu_login { clear:both; float:left; border:1px solid #fff; background-color:#1b4692; }
.header_wrap .header_box .menu_login .menu_login_btn { display:block; width:210px; height:50px; color:#fff; font-size:18px; text-align:center; line-height:50px; }
.header_wrap p { font-size:15px; letter-spacing:-0.025px; line-height:20px; clear:both; color:#fff; padding-top:10px; padding-left:30px; }

/* gnb 대 메뉴 */
.gnb_wrap { position:relative; min-height:100%; margin-top:170px; overflow:hidden;  }
.gnb_wrap:after{position:absolute;content:'';display:block;top:0;left:0; width:30%;background:#e0e6ed;height:100%; clear:both}
.gnb_wrap .gnb_m li { clear:both;  }

.gnb_wrap .gnb_m>li:nth-child(1) p { background-color:#FFF; color:#000; border-left:5px solid #059edb; box-shadow:none;  }
.gnb_wrap .gnb_m>li:nth-child(3) p span { line-height:25px; padding-top:25px; }
.gnb_wrap .gnb_m>li p span { height:99px; display:block; line-height:25px; vertical-align:middle; text-align:center; line-height:100px;  word-break:keep-all; padding:0 10px;  }

.gnb_wrap .gnb_m>li p span:after { }
.gnb_wrap .gnb_m>li p:after {  content:''; display:block; border-bottom:1px solid #fff; margin-top:-1px; }
.gnb_wrap .gnb_m>li p { width:30%; height:100px;  float:left;  font-size:16px; color:#5c748f; font-weight:500; display:block; background-color:#e0e6ed;
						position:absolute; left:0; top:0; text-align:center; box-shadow:inset 0 -1px 0 #bcc9d8; line-height:100px; cursor:pointer; z-index:100; display:table-cell; 
						vertical-align:middle; }
						
.gnb_wrap .gnb_m>li:nth-child(2) p { top:100px; }
.gnb_wrap .gnb_m>li:nth-child(3) p { top:200px; }
.gnb_wrap .gnb_m>li:nth-child(4) p { top:300px; }
.gnb_wrap .gnb_m>li:nth-child(5) p { top:400px; }


.gnb_wrap .gnb_m>li>div {  }
.gnb_wrap .gnb_m>li:nth-child(2)>div { display:none; }
.gnb_wrap .gnb_m>li:nth-child(3)>div { display:none; }
.gnb_wrap .gnb_m>li:nth-child(4)>div { display:none; }
.gnb_wrap .gnb_m>li:nth-child(5)>div { display:none; }



/* snb 서브메뉴 */
.snb_wrap { width:70%;  margin-left:30%; position:relative; }

.snb_wrap .snb_m { width:80%; margin:12px auto; border-top:2px solid #000; overflow:hidden; position:absolute; top:0; left:0; right:0; }
.snb_wrap .snb_m>li { overflow:hidden; border-bottom:1px solid #444a54;  }
.snb_wrap .snb_m>li .dpt_n { padding:12px 15px; cursor:pointer; }
.snb_wrap .snb_m>li .dpt_n a { font-size:16px; letter-spacing:-0.025px; line-height:25px; display:block; width:100%; font-weight:500; color:#000; display:block; overflow:hidden; }
.snb_wrap .snb_m>li .dpt1 a { background:#FFF url('/images/site/mobile/menu_bt.png') right center no-repeat;  }
.snb_wrap .snb_m>li .dpt2 { overflow:hidden; display:none;  }
.snb_wrap .snb_m>li .dpt2 .dpt_sm { border-top:1px solid #cbcbe2; }
.snb_wrap .snb_m>li .dpt2 .dpt_sm li { background-color:#f5f8fb; border-bottom:1px solid #dedeeb; overflow:hidden;  }
.snb_wrap .snb_m>li .dpt2 .dpt_sm li a { color:#3c4a59; font-size:14px; letter-spacing:-0.025px; line-height:36px; display:block; padding:0px 10px; font-weight:300; overflow:hidden; }

/* 검색창 */
.search_wrap { height:100%; overflow:hidden; background-color:#e6e9ed; position:relative; }
.search_wrap .search_box  { background-color:#1a4692; height:190px; border-top:5px solid #0b9edb; border-bottom:5px solid #58585a;   }
.search_wrap .search_box .search_txt a { width:40px; height:45px; background-position:-156px 8px ; float:left; margin-left:15px; cursor:pointer; display:block; margin-top:5px; }
.search_wrap .search_box .search_txt strong { font-size:22px; letter-spacing:-0.025em; line-height:12.5px; color:#fff; text-align:center; float:left; position:absolute; left:0; right:0; margin:auto; top:30px; width:145px;  }
.search_txt { overflow:hidden;  margin-bottom:30px; }
.search_btn { width:85%; height:55px; margin:0 auto ;  clear:both; background-color:#FFF;position:relative; }
.search_btn input { width:85%; height:55px;  padding-left:10px; border:1px solid #fff; margin-top:-1px; font-size:15px; letter-spacing:-0.025em;  }
.search_btn span { width:15%; height:55px; background-position:-194px 8px ; text-indent:-9999px; cursor:pointer; } 

/* 검색 자동완성*/
.search_wrap .m_auto_result{position:absolute;top:55px;left:0;border:2px solid #1a4692;width:100%;padding:10px 0;background:#fff;z-index:100}
.search_wrap .m_auto_result li{padding:0 0}
.search_wrap .m_auto_result li a{color:#000;display:block;padding:2px 10px;text-align:left}
.search_wrap .m_auto_result li a:hover{background:#e7ecf2}
.search_wrap .m_auto_result li a strong{color:#059eda}
.search_wrap .m_auto_result ul:nth-child(2){border-top:1px dashed #ccd1d9;margin-top:5px}