/*=========================================================================================================================
* 프로젝트: 
* 파일명: 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 a { display:block; color:#fff; font-size:14px; }
.header_wrap .global .Ch_btn { float:left; border:1px solid #fff; background-color:#1b4692; color:#fff; font-size:14px; padding:5px 10px; cursor:pointer; }


/* gnb 대 메뉴 */
.gnb_wrap { position:relative; min-height:100%; margin-top:55px;   }


.gnb_wrap:after{position:absolute;content:'';display:block;top:0;left:0; width:30%;background:#e0e6ed;height:130%; 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(2) 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; }
.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; }

.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:20px!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 .snb_wrap .snb_m>li .dpt2 .dpt_sm li a { font-weight:700; }
#chinese .snb_wrap .snb_m>li .dpt2 .dpt_sm li span { font-weight:300; }

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

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


.snb_wrap .snb_m { width:80%; margin:12px auto; border-top:2px solid #000; 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.025em; 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.05em; line-height:130%; display:block; padding:0px 10px; font-weight:300; overflow:hidden; }