/*
html>body>.wrap>.wing_menu_wrap, .popup_menu, .popup_favorite, .popup_account
*/


/* @font-face { */
/*     font-family: 'Hana'; */
/*     font-style:normal; */
/*     font-weight:100; */
/*     src:url('/resources/fonts/HanaUL.ttf') format("truetype"); */
/* } */
/* @font-face { */
/*     font-family: 'Hana'; */
/*     font-style:normal; */
/*     font-weight:300; */
/*     src:url('/resources/fonts/HanaL.ttf') format("truetype"); */
/* } */
/* @font-face { */
/*     font-family: 'Hana'; */
/*     font-style:normal; */
/*     font-weight:600; */
/*     src:url('/resources/fonts/HanaCM.ttf') format("truetype"); */
/* } */
/* @font-face { */
/*     font-family: 'Hana'; */
/*     font-style:normal; */
/*     font-weight:700; */
/*     src:url('/resources/fonts/HanaB.ttf') format("truetype"); */
/* } */

/* *{font-family: 'Hana';} */


/*wing menu> popup*/
.dim{width:100%;height:100%;background-color:rgba(51, 51, 51, 0.5);z-index:100;position:fixed;top:0;left:0;}


/*map_popup*/
a{text-decoration:none;letter-spacing:1px;}
.site_map_popup{display:block;width:100%;height:100%;overflow-y:scroll;padding:30px 20px 20px 30px;background-color:#2a3142;}
.site_map_wrap{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;background-color:#2a3142;}
.one_depth_wrap{display:inline-block;padding-top:15px;padding-bottom:55px;padding-left:5px;border-top:2.5px solid rgba(250,250,250,0.4);margin: 0 5px;}
.one_depth_wrap .one_depth{display:inline-block;width:210px;height:100%;}
.one_depth_wrap .one_depth .one_depth_link{display:inline-block;width:100%;height:28px;line-height:28px;padding-left:5px;font-size:16px;font-weight:500;letter-spacing:5px;text-align:left;color:hsl(0, 0%, 100%);margin-bottom:10px;border-radius:2px;}
.two_depth_wrap{padding-left:5px;}
.two_depth_wrap .two_depth{display:inline-block;width:100%;height:100%;}
.two_depth_wrap .two_depth .two_depth_link::before{content:'';display:inline-block;width:10px;height:2px;background-color:gray;margin-right:5px;font-size:20px;vertical-align:middle;}
.two_depth_wrap .two_depth .two_depth_link{display:inline-block;width:100%;height:22px;line-height:22px;font-size:15px;text-align:left;color:hsl(0, 0%, 100%);}
.two_depth_wrap .two_depth .two_depth_link:hover{text-decoration:underline;}
.three_depth_wrap{padding-left:25px;}
.three_depth_wrap .three_depth{display:inline-block;width:100%;height:100%;}
.three_depth_wrap .three_depth .three_depth_link:hover{text-decoration:underline;}
.three_depth_wrap .three_depth .three_depth_link{display:inline-block;width:100%;height:25px;line-height:25px;padding-left:10px;font-size:14px;text-align:left;color:#f5f5f5;}
.four_depth_wrap{padding-left:10px;padding-bottom:10px;}
.four_depth_wrap .four_depth{display:inline-block;width:100%;height:100%;}
.four_depth_wrap .four_depth .four_depth_link{display:inline-block;width:100%;height:22px;line-height:22px;font-size:12px;text-align:left;color:#aaa;font-weight:400;}
.four_depth_wrap .four_depth .four_depth_link:hover{text-decoration:underline;}
/* .four_depth_wrap .four_depth .four_depth_link::before{content:'-';color:#aaa;padding-right:5px;} */


/*menu_popup*/
.popup_menu {
	z-index: 120;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -550px;
	margin-top: -300px;
	display: inline-block;
	width: 1100px;
	height: 500px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, .35);
}

.popup_menu .menu_onedepth{width:100%;height:40px;background-color:#f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px;padding-right:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_menu .menu_onedepth .onedepth{display:inline-block;padding:0 20px;height:40px;line-height:40px;text-align:center;}
.popup_menu .menu_onedepth .onedepth .onedepth_link{font-size:14px;color:#707070;}
.popup_menu .menu_onedepth .onedepth .onedepth_link.on{text-decoration:underline;color:#0153a7;}
.popup_menu .menu_onedepth .onedepth .onedepth_link:hover{text-decoration:underline;color:#0153a7;}
.popup_menu  .menu_body{width:100%;height:450px;}
.popup_menu  .menu_body .menu_twodepth{display:inline-block;width:40%;height:100%;float:left;border-right:1px solid #ddd;overflow-y:scroll;}
.popup_menu  .menu_body .menu_twodepth .twodepth{width:100%;border-bottom:1px solid #ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_menu  .menu_body .menu_twodepth .twodepth .twodepth_link{display:inline-block;width:100%;height:100%;padding:10px;padding-left:20px;padding-right:10px;font-size:14px;color:#707070;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_menu  .menu_body .menu_twodepth .twodepth .twodepth_link.on{background-color:#6586a3;opacity:0.4;color:#fff;}
.popup_menu  .menu_body .menu_twodepth .twodepth .twodepth_link:hover{background-color:#6586a3;opacity:0.4;color:#fff;}
.popup_menu  .menu_body::after{content:'';display:blcok;clear:both;}
.popup_menu  .menu_body .treedepth_scroll{display:inline-block;width:60%;height:100%;float:left;border-bottom:1px solid #ddd;padding:5px;overflow-y:scroll;}
.popup_menu  .menu_body .menu_threedepth{display:inline-block;width:100%;padding:5px;}
.popup_menu  .menu_body .menu_threedepth .threedepth{display:inline-block;width:100%;}
.popup_menu  .menu_body .menu_threedepth .threedepth .threedepth_link{display:inline-block;width:100%;height:100%;padding:8px;font-size:14px;background-color:#eee;color:#6586a3;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_menu  .menu_body .menu_threedepth .threedepth .threedepth_link.on{background-color:#6586a3;color:#fff;}
.popup_menu  .menu_body .menu_threedepth .threedepth .threedepth_link:hover{background-color:#6586a3;color:#fff;}
.popup_menu  .menu_body .fourdepth{width:30%;float:left;}
.popup_menu  .menu_body .fourdepth .fourdepth_link{display:inline-block;width:100%;height:100%;padding:10px;font-size:12px;color:#707070;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_menu  .menu_body .fourdepth .fourdepth_link.on{text-decoration:underline;color:#3659d1;}
.popup_menu  .menu_body .fourdepth .fourdepth_link:hover{text-decoration:underline;color:#3659d1;}

/*favorite_popup*/
.popup_favorite{z-index:110;position:absolute;top:10%;right:50px;width:250px;height:500px;background-color:#fff;box-shadow:0 3px 3px rgba(51, 51, 51, .35);border-radius:5px;overflow-y:scroll;}
.popup_favorite .favorite_menu_list{padding:10px}
.popup_favorite .favorite_menu_list .favorite_menu_title{font-size:14px;color:#6586a3;background-color:#f5f5f5;padding:8px;}
.popup_favorite .favorite_menu_list .favorite_menu{border-bottom:1px solid #ddd;}
.popup_favorite .favorite_menu_list .favorite_menu .favorite_menu_link{display:inline-block;width:100%;height:35px;line-height:35px;font-size:12px;color:#707070;padding-left:10px;letter-spacing:0;}
.popup_favorite .favorite_menu_list .favorite_menu .favorite_menu_link:hover{background-color:#6586a3;opacity:0.4;color:#fff;}



.ui-resizable {
    position: relative;
}
/* .ui-widget-header {
    border: 1px solid #dddddd;
    background-color: #e9e9e9;
    color: #333333;
    font-weight: bold;
} */
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../resources/images/ui-icons_444444_256x240.png);
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-handle {
    position: absolute !important;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}



/*login*/
@keyframes wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-25%) translateZ(0) scaleY(0)
    }
}

@keyframes wave2 {
    0% {
        transform: translateX(-25%) translateZ(0) scaleY(0)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes wave3 {
    0% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-75%) translateZ(0) scaleY(0)
    }
}


.login_wrap{
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
}

.login_box{
	display:inline-block;
	width: 43%;
	height:100vh;
    min-height:800px;
	float:left;
	background-color:#fff;
	z-index: 10;
	text-align: center;
	position:relative;
	overflow:hidden;
}

.login_box_inner{
	display:inline-block;
	width:400px;
	height:108;
/* 	position:absolute; */
/* 	top:168px; */
/* 	left:180px; */
	margin-top:168px;
}

.login_wrap .login_box .login_form{text-align:center;}
.login_wrap .login_box .login_form .login_logo{display:inline-block;width:220px;height:83px;line-height:43px;}
.login_wrap .login_box .login_form .login_logo img{width:100%;}

.login_wrap .login_box .login_form .login_title{
	display:inline-block;
	width:100%;
	height:64px;
	line-height:220px;
	font-size:16px;
	color:#555;
	font-weight:400;
	margin-top:24px;
	margin-bottom:72px;
}

.login_wrap .login_box .login_form input{
	width:100%;
	height:60px;
	border-radius:20px;
	margin: 0;
	margin-bottom: 16px;
	background-color:#F1F9F7;
	padding-left:68px;
	border:none;
}
.login_wrap .login_box .login_form input::placeholder{
	color: #999;
	font-size: 16px;
	font-weight: 500;
}
.login_wrap .login_box .login_form input.login_id{
	background-image: url(/resources/images/login_icon0.png);
    background-position:37px center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.login_wrap .login_box .login_form input.login_pw{
	background-image: url(/resources/images/login_icon1.png);
    background-position:37px center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.login_wrap .login_box .login_check{
	text-align:left;
	margin-bottom: 36px;
}

.login_wrap .login_box .login_check input{
	width: 20px;
	height: 20px;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
}
.login_wrap .login_box .login_check input:checked{
	background-image: url(/resources/images/checked.png);
	border: none;
}
.login_wrap .login_box .login_check label {
	font-size: 14px;
	color: #555;
	font-weight:500;
	margin-left: 12px;
	letter-spacing: 0;
}
.login_wrap .login_box .login_btn{
	margin-top:36px;
	margin-bottom:97px;
}
.login_wrap .login_box .login_btn button.login_button{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#119D7D;
	border:1px solid #119D7D;
	border-radius:20px;
	font-size:16px;
	color:#fff;
	font-weight:700;
}
.login_wrap .login_box .google_btn button.google_button{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#fff;
	border:1px solid #E7E7E9;
	border-radius:20px;
	font-size:16px;
	color:#444;
	font-weight:700;
	background-image: url(/resources/images/google_icon.png);
    background-position:24px center;
    background-size: 24px;
    background-repeat: no-repeat;
}

/* .login_wrap .login_box .google_btn{margin-top:5px;display:inline-blcok;width:100%;height:40px;line-height:40px;text-align:center;} */
/* .login_wrap .login_box .google_btn .abcRioButton{display:inline-blcok;width:100% !important;height:40px !important;line-height:40px !important;border-radius:5px !important;} */
/* .abcRioButtonContentWrapper{border:none !important;text-align:center;height:40px !important;line-height:40px !important;} */
/* .abcRioButtonIcon{display:inline-block;margin:2.5px 2px;} */
/* .abcRioButtonContents{font-size:14px !important;font-weight:700 !important;margin:0 !important;line-height:40px !important;vertical-align:middle !important;letter-spacing:1px !important;margin-left:-25px !important;} */
.login_wrap .login_bg{
	display:inline-block;
	width: 57%;
	height:100vh;
	min-height:800px;
	float:left;
	background-color:#31B79C;
	z-index: 10;
	position:relative;
	/* background-image: url('/resources/river/images/etlandmall3.png'); */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.login_wrap .login_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(49, 183, 156, 0.1), rgba(49, 183, 156, 1.0));
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
}

@media (max-width: 1000px) {
  .login_wrap .login_bg {
    display: none!important;
  }
  .login_box {
    width:100%;
    margin:auto;
  }
}

.figure0{
	display:inline-block;
	width:375px;
	height:320px;
	background-image: url(/resources/images/figure0.png);
    background-position:0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    right:0;
}
.figure1{
	display:inline-block;
	width:306px;
	height:253px;
	background-image: url(/resources/images/figure1.png);
    background-position:0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    position:absolute;
    /**top:633px;*/
    /**left:120px;*/
    top: 364px;
    left: 20px;
}
.figure2{
	display:inline-block;
	width:1080px;
	height:661px;
	background-image: url(/resources/images/figure2.png);
    background-position:0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    position:absolute;
    bottom:0;
    left:0;
}


.login_bg_txt0{
	display:inline-block;
	width:469px;
	height:252px;
	line-height:84px;
	font-size:55px;
	font-weight:100;
	color:#fff;
	position:absolute;
	top:156px;
	left:120px;
}
.login_bg_txt0 strong{font-weight:700;}
.login_bg_txt1{
	display:inline-block;
	width:320px;
	height:36px;
	font-size:22px;
	font-weight:100;
	color:#fff;
	position:absolute;
	top:468px;
	left:120px;
}

/*contents*/
.tab_contents_wrap{position:relative;background-color:#ddd;width:100%;height:100%;padding-top:70px;}
.contents_wrap{width:92%;height:97%;border:none;margin:0 auto;}
.contents_header{position:absolute;top:-50px;left:75px;display:inline-block;width:92%;height:80px;line-height:80px;padding:0 10px;background-color:#fff;border-radius:5px;box-shadow:0 3px 3px rgba(51, 51, 51, .35);}
.contents_header a{font-size:14px;color:#666;text-decoration:underline;}
.content_header_inner{width:100%;height:100%;position:relative;}
.contents_header .search_btn{position:absolute;top:20px;right:10px;color:#707070;font-size:22px;}
.content_area{width:100%;height:100%;min-height:100%;border-radius:5px;padding:10px;border:none !important;box-shadow:0 3px 3px rgba(51, 51, 51, .35);background-color:#fff;}
.content_area.content_area_expend{width:92%;position:absolute;top:-60px;left:76px;padding:10px 30px;}


/*list > search box*/
.content_header_inner {width:100%;height:80px;line-height:80px;}
.form_object{display:inline-block;height:55px;float:left;width:17%;margin-right:30px;;margin-top:13px;cursor:pointer;}
.form_object .label_inp0{display:inline-block;width:100%;height:20px;line-height:20px;float:left;font-size:14px;color:#707070;font-weight:500;}
.form_object .form_inp0{display:inline-block;width:100%;height:30px;float:left;padding:0;margin:0;border:none;outline:none;border-bottom:1px solid #707070;font-size:14px;}
.form_object .form_select0{display:inline-block;width:100%;height:30px;float:left;padding:0;margin:0;border:none;border-bottom:1px solid #707070;background-image:url(../resources/images/select_off.png);background-repeat:no-repeat;background-position:95% center;background-size:12px;}
.form_object .form_select0:focus{background-image:url(../resources/images/select_on.png);}
.form_object .label_file0{display:inline-block;width:100%;height:90%;line-height:20px;float:left;border-bottom:1px solid #707070;font-size:15px;color:#707070;font-weight:500;background-image:url(../resources/images/file_btn.png);background-repeat:no-repeat;background-position: 98% 90%;background-size:12px;}
.form_object .form_file0{display:inline-block;width:100%;height:30px;float:left;padding:0;margin:0;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;}
.form_object::after{content:'';display:block;clear:both;}
.form_object .label_inp0::after{content:'';display:block;clear:both;}
.form_object .form_inp0::after{content:'';display:block;clear:both;}
/* .content_header_inner .form_object .form_inp0:focus{border-bottom:2px solid #3659d1;}
.content_header_inner .form_object .form_select0:focus{border-bottom:2px solid #3659d1;}
.content_header_inner .form_object .form_file0:focus .label_file0{border-bottom:2px solid #3659d1;} */


/*list > table*/
.list_table{width:100%;margin:20px 0;}
.list_table thead tr{border-top:1px solid #dfdfdf;background-color:rgb(247, 247, 247);}
.list_table thead tr th{padding:10px 0;text-align:center;font-size:13px;color:#333;font-weight:normal;}
.list_table thead tr th.left{text-align:left;padding:10px 10px;}
.list_table thead tr th.right{text-align:right;padding:10px 10px;}
.list_table thead tr th.bold{font-weight:bold;}
.list_table tbody tr{border-top:1px solid #dfdfdf;background-color:#fff;}
.list_table tbody tr td{padding:10px 0;text-align:center;font-size:13px;color:#333;font-weight:normal;}
.list_table tbody tr td.left{text-align:left;padding:10px 10px;}
.list_table tbody tr td.right{text-align:right;padding:10px 10px;}
.list_table tbody tr td.bold{font-weight:bold;}
.list_table tbody tr:last-child{border-bottom:1px solid #dfdfdf;}


/*form > form layout*/
#resizable {width:100%;height:400px;padding:8px;border:1px solid#dfdfdf;background-color:#fff;margin-bottom:20px;}
#resizable h3 {text-align:center;margin:0;color:#000;background-color:#eee;padding:10px;}
.ui-resizable-helper {border: 2px dotted #00F;}
.form_header{position:relative;width:100%;height:50px;margin:20px 0;}
.form_header .form_title{position:absolute;top:0;left:0;display:inline-block;letter-spacing:1px;color:#333;font-weight:600;font-size:16px;}
.form_header .form_sub_title{position:absolute;bottom:10px;left:0;display:inline-block;letter-spacing:1px;color:#8d9ea7;font-weight:400;font-size:14px;}
.form_header button.btn_type0{float:right;width:110px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;color:#333;margin-left:7px;}
.form_header button.btn_type0:hover{background-color:#ccc;color:#fff;}
.form_header button.btn_type1{float:right;width:110px;height:35px;line-height:35px;border:1px solid #6586a3;border-radius:3px;color:#6586a3;margin-left:7px;}
.form_header button.btn_type1:hover{background-color:#6586a3;color:#fff;}
.form_header button.btn_type2{float:right;width:110px;height:35px;line-height:35px;border:1px solid #ccc;background-color:#ccc;color:#fff;border-radius:3px;margin-left:7px;}
.form_header button.btn_type2:hover{background-color:#fff;color:#333;}
.form_header button.btn_type3{float:right;width:110px;height:35px;line-height:35px;border:1px solid #6586a3;border-radius:3px;color:#fff;background-color:#6586a3;margin-left:7px;}
.form_header button.btn_type3:hover{background-color:#fff;color:#6586a3;}
.form_header button.btn_type4{float:right;width:35px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;color:#fff;background-color:#ccc;margin-left:7px;}
.form_header button.btn_type4:hover{background-color:#ccc;color:#fff;border:1px solid #777;}
.form_header button.btn_type5{float:right;width:35px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;color:#fff;background-color:#ccc;margin-left:7px;}
.form_header button.btn_type5:hover{background-color:#ccc;color:#fff;border:1px solid #777;}
.form_header button.btn_type6{float:right;width:35px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;color:#fff;background-color:#ccc;font-size:18px;}
.form_header button.btn_type6:hover{background-color:#ccc;color:#fff;border:1px solid #777;}

.form_object_img{display:inline-block;width:300px;height:80%;margin:20px;margin-left:12px;float:left;text-align:center;border:1px solid red;}
.form_object_img .form_img{display:inline-block;width:100px;height:100px;line-height:100px;border:3px solid #fff;box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.1);overflow:hidden;}
.form_object_img .form_img img{widows: 12px;0%;vertical-align:middle;}


/*password setting*/
.change_password_button{width:100%;height:40px;border-radius:5px;font-size:14px;font-weight:700;background-color:#4285F4;color:rgba(255,255,255,.8);}