@charset "utf-8";

/* 미니맵 */
.top_menu {width: 100%; background:rgba(0, 0, 0, 0.3);}
.top_menu .top_menu_wrap {max-width:1260px; height:45px; margin: 0 auto; text-align: right; position: relative;}
.top_menu .top_menu_wrap ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	flex-wrap:wrap;
	align-items:center;
	position:absolute; top:15px;
	width:100%; overflow:hidden;
}
.top_menu .top_menu_wrap ul li {
    text-align: center; margin:0 2px;
    font-size: 13px;
}
.top_menu .top_menu_wrap ul li a {
	display:block; width:100%; height:100%; padding:3px 20px; border:1px solid #e9b94b;
	color: #fff;
}
.top_menu .top_menu_wrap .btn_wrap {width: 100%;}
.top_menu .top_menu_wrap .toggle_button{display:block; height: 45px; border: 0; color: #fff; padding:0 18px 0 32px; cursor: pointer; line-height: 45px;}
.top_menu .top_menu_wrap .toggle_button.up_icon {background:#55ad5e url(../nav_file/icon-up.png) no-repeat 15px 50%;}
.top_menu .top_menu_wrap .toggle_button.down_icon {background:#55ad5e url(../nav_file/icon-down.png) no-repeat 15px 50%;}

/* 내비게이션 */
.navig_wrap {border-bottom:1px solid #e9b94b; position:relative; background:rgba(0, 0, 0, 0.3);}
.fa-calculator, .fa-lock, .fa-unlock-alt {margin-right:10px;}

	/*---------------------------
	서브메뉴 전체 박스 세로 길이 
	---------------------------*/
.navig_wrap .nav_sub_open {display: none; width:100%; height:250px; background:#fff; position:absolute; top:82px; border-bottom:2px solid #e9b94b;}
.navig_wrap .navigation_wrap{max-width:1260px; height: 81px; margin: 0 auto; text-align: center; position:relative;}
.navig_wrap .navigation_wrap h1 {
    width:207px; height:55px; /*float: left; margin-right: 60px; margin-top: 20px;*/
    position:absolute; left:0; top:-30px;
    background: url(../nav_file/logo.png) no-repeat 0 0;
}
.navig_wrap .navigation_wrap h2 {
    float: left; margin-right: 60px; margin-top: 20px;
    width: 41px; height: 41px;
    background: url(../nav_file/logo_ambl.jpg) no-repeat 0 0;
}
.navig_wrap .navigation_wrap h1 a {display: inline-block; width: 100%; height: 100%;}

	/*---------------------------
	전화번호
	---------------------------*/
.top_tel {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width:209px; height:43px; background:url(../images/top_tel_bg.png) left top no-repeat; text-align:left;
	position:absolute; left:0; bottom:10px;
	font-size:18px; color:#fff; font-weight:700; font-style:italic;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.top_tel {display:none;}
	}
.top_tel > span {margin-left:15px;}
	/*---------------------------
	전화번호 끝
	---------------------------*/

#main_menu {float: right;}/*float: right;*/
	
#main_menu > ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
	/*---------------------------
	메인메뉴 간 간격 
	---------------------------*/
#main_menu > ul > li {
	width:145px; padding:0; position: relative;/*메인메뉴 간격 */
	font-size:18px; font-weight:700;
}
#main_menu > ul > li:first-child > a {
	color:#fff;
}
#main_menu > ul > li:last-child .sub_menu {border-right: 1px solid #d7d7d7;}
#main_menu > ul > li > a {
	line-height:82px; display:block;  height:82px; margin-bottom: 0px; text-decoration:none;
	color:#fff;
}
#main_menu > ul > li > a > span {display: block;}
#main_menu > ul > li:hover > a {
	/* 마우스오버 시 라인으로 해당위치 알림  border-bottom:5px solid #e9b94b;*/
	height:77px;
	color:#e9b94b;
}
#main_menu > ul > li:hover .sub_menu {background:#f7f7f7; }

/* 서브메뉴 */
	/*---------------------------
	서브메뉴 세로 길이 
	---------------------------*/
.sub_menu { display: none; position: absolute; height:250px; padding-top:25px; border-left: 1px solid #d7d7d7; margin-top: 0; z-index: 99;}
.sub_menu > li {width:145px; text-align: left; padding-left: 15px; margin-bottom: 7px;}
.sub_menu > li a {
	padding-left:10px; background: url(../nav_file/sub_menu_icon.png) no-repeat 0 center; letter-spacing:-0.5px; text-decoration:none;
	font-size:14px; color:#333; font-weight:400!important;
}
.sub_menu > li a:hover {color:#e9b94b;}

/* 메뉴 왼쪽 꾸미는 공간 */
.sub_menu li:first-child {display:none; width:300px; height:250px; padding: 0; position: absolute; left:-280px; top:3px;}
.sub_menu_1 li:first-child {left:-365px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_2 li:first-child {left:-510px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_3 li:first-child {left:-655px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_4 li:first-child {left:-800px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_5 li:first-child {left:-945px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_6 li:first-child {left:-1090px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}/*left 간격 - 145px / 위치 확인  outline:1px solid #ccc;*/
.sub_menu_7 li:first-child {left:-1235px;/* background: url(../nav_file/sub_menu_2_bg.png) no-repeat bottom;*/}

.sub_menu li .slogan{display:block; padding-top:15px;}
.sub_menu li .title{display:block;}

/* 모바일 메뉴 열기 버튼 */
.navigation_wrap .m_reservtoggle {display: none; width: 30px; height: 30px; position: absolute; right: 70px; top: -38px;}/* background: url(../nav_file/m_reserve_btn.png) no-repeat center;*/
.navigation_wrap .mob_btn {display: none; width:26px; height:24px; position:absolute; right:20px; top:-34px; background: url(../nav_file/mobile_btn.png) no-repeat center; }

/*  모바일 gnb */
#mobile_gnb {display: none; height: 100%;}
#mobile_gnb a {text-decoration:none;}
	/*---------------------------
	리스트 배경색
	---------------------------*/
#mobile_gnb { position: fixed; overflow-y: scroll; top: 0px; right: 0; width: 280px; background:#353535; text-align: left; z-index: 999;}

/*  모바일 유틸메뉴 */
#mobile_gnb .m_mob { width:100%; height:160px; position: relative;}
#mobile_gnb .m_mob .mobile_exit>button {width:34px; height:30px; position:absolute; right:17px; top:20px; background: url(../nav_file/close_icon.png) no-repeat center;}
#mobile_gnb .m_mob>ul>li {float:left; display:inline-block; width:49.8%; height:45px; background-color:#e9b94b; border-top:1px solid rgba(255, 255, 255, 0.3); border-right:1px solid  rgba(255, 255, 255, 0.3);}

#mobile_gnb .m_mob>ul>li:first-child {display: block; width: 100%; height: 68px; background: #0db1c0; border: none;  }
#mobile_gnb .m_mob>ul>li:first-child a{line-height: 68px; }
#mobile_gnb .m_mob>ul>li:first-child a>span {background: url(../nav_file/mobile_gnb_login.png) no-repeat left center; padding-left: 50px; }
#mobile_gnb .m_mob>ul>li:nth-child(odd) {border-right: none;}
#mobile_gnb .m_mob>ul>li>a {display: inline-block; width: 100%;height: 100%; line-height: 45px; color: #fff; }
#mobile_gnb .m_mob>ul>li>a>span {display: inline-block; margin-left: 15px; padding-left:25px; }
/*#mobile_gnb .m_mob>ul>li .m_login span { background: url(../nav_file/m_login_icon.png) no-repeat left center;}
#mobile_gnb .m_mob>ul>li .m_join span {background: url(../nav_file/m_join_icon.png) no-repeat left center;}
#mobile_gnb .m_mob>ul>li .m_sitemap span {background: url(../nav_file/m_sitemap_icon.png) no-repeat left center;}
#mobile_gnb .m_mob>ul>li .m_eng span {background: url(../nav_file/m_eng_icon.png) no-repeat left center;}*/

.menu_open_tel {font-size:18px; font-weight:700; font-style:italic;}
.menu_open_tel > i {margin-right:7px;}

/*  모바일 메인메뉴 */
.m_menu {position: relative;}
.m_menu .depth_1 {line-height: 54px;}
.m_menu .depth_1.mo_menu-sub {  background: url(../nav_file/mobile_gnb.png) no-repeat 95% 17px; }
.m_menu .depth_1.mo_menu-sub.selected {background:#0db1c0 url(../nav_file/main_menu_on.png) no-repeat 95% 20px;}

.m_menu .depth_1>a {display: inline-block; width: 100%; height: 100%; font-size: 15px; color: #fff; border-bottom: 1px solid #2b3037;}
.m_menu .depth_1>a>span {margin-left: 15px;}

.m_menu .depth_2 {display: none; line-height: 40px;}
.m_menu .depth_2>li.mo_menu-sub {background:#f8f8fa url(../nav_file/sub_menu_depth_2_on.png) no-repeat 95% 16px;}
.m_menu .depth_2>li.mo_menu-sub.selected {background:#f8f8fa url(../nav_file/sub_menu_depth_2_off.png) no-repeat 95% 16px;}

.m_menu .depth_2>li {width:100%; background:#f8f8fa;}
.m_menu .depth_2>li>a {
	display: inline-block; width:100%; height:100%; border-bottom:1px solid #535a66;
	color:#353535;
}
.m_menu .depth_2>li>a>span {margin-left: 15px; padding-left: 8px;}/* background: url(../nav_file/sub_menu_icon.png) no-repeat left center;*/

.m_menu .depth_3 {display: none;}
.m_menu .depth_3>li {background: #cccccc;}
.m_menu .depth_3>li>a {display:inline-block; width:100%; border-bottom:1px solid #ffffff;}
.m_menu .depth_3>li>a>span {
	margin-left:15px; padding-left:8px;
	color:#353535;
}

/*  미디어쿼리 */
@media all and (max-width:1259px) {
	header{position:fixed;}
    .top_menu {background-color:#0db1c0;}
    .top_menu .top_menu_wrap ul {display: none;}

    /* gnb - none  / navigation_wrap 을 none 시키면 h1과 햄버거도 사라지므로 높이를 줄임 */
    .navig_wrap {border:none; position: relative;}
    .navig_wrap .nav_sub_open {display: none;}
    .navig_wrap .navigation_wrap{height: 0; }
    .navig_wrap .navigation_wrap h1 {position:absolute; top:-49px; left:10px; background:url(../nav_file/mobile_logo.png) no-repeat 0;}
    
    .navigation_wrap .m_reservtoggle {display: block; }
    .navigation_wrap .mob_btn {display: block; }
    
    /* pc버전 gnb none */
    #main_menu {display: none; }
}
/* 미디어 쿼리 끝 */